Difficult Megamenu?

[enormousrodent]

Hi guys,

I may have caused myself more issues with a photoshop design that i have come up with.
http://invisiblewebdesign.co.uk/temp...tinations.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

[markbrown4]

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.

[enormousrodent]

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

[markbrown4]

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.