slight CSS navigation problem

[Faliol]

Hello,

I am having trouble with the navigation at the top on http://
www.websconsult.com/hopper/site/home.html in Explorer.

In Explorer 7, the background color does not show up at al, get a
whitespace, but the link hover correctly.

In Explorer 6, the background shows up but the links do not turn
yellow on hover like they should.

Any ideas?

thanks!

Kevin

[funktifyknow]

IE 6 works on windows for me. It is strange though that like you say the bg for the nav is white in IE7. No ideas yet it is almost lunchtime. I'll look when I get back.

[Paul O'B]

Hi,

In your IE stylesheet you have set the navigation to 1% high and therefore IE7 makes it 1% high which is basically invisible.

Either set the stylesheet to lte IE 6 (or lt IE 7) or add the star selector hack to the styles:

* html ul#topNav li a {
height: 1%;
}
* html ul#main-nav li a {
height: 1%;
}

or

<!--[if lt IE 7]>
<style type="text/css">@import url("css/ie.css");</style>
<![endif]-->

(lt means "less than" and lte means "less than or equal to")

[Faliol]

thanks Paul!