CSS hack needed for ul/li in IE6

http://streetwisecreative.com/headertest14.htm

http://streetwisecreative.com/css/global.css

I'm having a difficult time making IE6 recognize a list. The page renders fine in IE7, IE8, and FF3. Not sure what's up except that I'm sure there's an IE6 fix out there that I can add...

Thanks!

Dave

CSS hack needed for ul/li in IE6

If you mean to fix the hover state try - http://code.google.com/p/ie7-js/

otherwise please explain the problem a little more.

PZ

CSS hack needed for ul/li in IE6

Thanks for the tip. I tried adding the additional fixes, but that doesn't seem to do it. If you take a look at the link with IE6, you'll see how bizzare it's behaving. I guess that's the easiest way to explain it. I agree that it's a hover issue, but I'm thinking that it's more a coding issue on my end?

Thanks

This is a typical IE6 positioning and ul/li as link problem.

IE6 has a problem when multiple position absolute rules are applied in the wrong position (order), and this can show itself by strange behaviour or the element not being visible (it is there but moved off the page).

As for the ul/li as links in IE6, there are fixes for this but they are often unsatisfactory and use hacks (even the '! important' is an hack for IE6 in this respect), which is where the ie conditional statement comes into play.

Here is a link to a site which describes (and tells you the fix), for most IE related bugs - http://www.positioniseverything.net/explorer.html

You may wish to reconsider your menu styles though, as the last two main items / submenu items, are unselectable in every browser I tested them on.

PZ