Problem with horizantal nav in IE6 and 7

HTML & CSS
1

Hi,

Our horizontal menu found here is a drop-down menu that works fine in FF, IE8 but we’ve got problems in IE6 and 7.

Can anyone help?

Thanks :slight_smile:

2

Hi,

Is it the subnav positions that fails in older IE?

I guess that is your problem.

The AP subnav needs left and top coordinates. E.g:

ul.topnav li ul.subnav {
	display: none;
	position: absolute;[COLOR="Red"]
	top: 100%;
	left: 0;[/COLOR]
	width: 166px;
}

Note: The hide/show of the the sublists by display:none can be unstable in IE7. I recommend hide/show by e.g. a huge negative left margin instead. :slight_smile:

3

Ah brilliant thanks a lot :slight_smile:

The sub nav is now working great in IE7 and 8 as well but still not showing in IE6. I’m on a Mac and using Parallels and IETester to check in IE6. Can anyone confirm that’s it’s working/not working either? Not sure how I can fix this one?

Cheers

4

No, it’s not working in IE6 i’m afraid.

Is this the correct path to the htc file?


body { behavior: url("css/csshover3.htc"); }

The file doesn’t seem to be there.

Use an absolute path to make sure you find it correctly.

5

Ah of course, we forgot to upload that to the server! (:

Thanks!