[SOLVED] Fly-out menu problems

Me and relative/absolute position don't really get along lately

* removed link since it's solved *

If you hover over "Informations" or "Locations" in the menu, you *should* notice a box at the top of the screen ... that's my drop-down/fly-out menu that copied from

http://www.cssplay.co.uk/menus/pro_d..._dropdown.html

But because of the absolute positioning here

Code: Select all

#navigation ul :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
top:28px; 
left:0; 
text-align:center;
}

I'm having a really hard time getting that hover box to show in the light green section ....

Help!?

In your CSS, the #navigation div has position:relative commented out.

You would need to make #navigation position:relative so that the abolutely positioned .sub elements are absolute based on the #navigation div. As it stands, they are absolutely position based on the main parent body tag.

bah ... of course! That worked!

Now ... why isn't mine working in IE6?

Not working? Is it the hovering or the link not showing?

The submenu isn't showing up at all in IE6 ... don't know if it works or not in IE7 as I don't have it here.

It does work in IE7 Karinne.
Looks like you'll have to use IE conditionals.

Hmmm... Thanks for checking Alex.

Ugh! I hate IE6.

Is it completely CSS based? If it is, IE6 does not support the :hover pseudo class on anything but links

It's completely css based however ... if you look at the link from cssplay in original post, you'll notice that that one works

I had a look at their code and it's riddled with conditional comments for IE 6 & 7 That would be why, unless you're using the same HTML exactly.

I'm using the same HTML

Nevermind. ... I got it working but I don't know what I did to fix it.

I just re-copied the code from cssplay and it worked

LOL.. I forgot to reply but I had both menus lined up in front of me, yours and the CSS sites and they looked structurally identical but yours just wasn't working..

Sorted now though, yay!

Yeah ... I'm not sure ... probably some CSS part I deleted Oh well ... it works now! I can finally get on with that site and launch it!