Hi guys,
I may have caused myself more issues with a photoshop design that i have come up with.
http://invisiblewebdesign.co.uk/temp/djp/destinations.html
How would you do the mega menu as the design? Do i use a div? do i use nested li? The menu needs to be a specific height and the li items will need to wrap as you can see under europe.
Any guidance or some examples (please dont worry re:styling, as i can do this)
Thanks
Rodent
You need to add position: relative to #wrapper if you want the footer positioned relative to that element.
Check out the FAQ on sticky footers for a more robust solution.
sorry…i think you miss-understood. I was referring to the Destinations dropdown at the top navigation when you hover the mouse over the destinations text. The footer is not a problem.
Rodent
Oh, Sorry. That reply was for another thread. Not sure how that happened 
Yes, that design does make things a little difficult as you’ll need to specifically position the different elements for it to work.
<li>Top destinations
<ul>
<li><a href="#">Algarve</a></li>
...
</ul>
</li>
A nested list is appropriate for the mega menu, you’ll probably just need id’s on each nested list so that you can position them where you need.