UGH! IE Problems in CSS

[telters]

Check out this website : http://www.ventuswebdesign.com/dev/bart (Username:user Password:user)

In all browsers except IE, the navigation appears fine, and the UL styling works

But, in IE, it looks like a list, and every navigation button appears to be on a different line! UGH! Can I have some help here!

[mithi]

Hi Telters,

To fix this in IE you need to add display: inline; to the #nav ul li {} selector in your css file.

Also just a suggestion the way you have implemented the menu is a bit of a long winded one and not the most symantic and the use of javascript to do the hovers is unnecessary.

I recommend using something like this

Home


About


Videos

and for the css add padding to the li elements to create the boxes around the text with a background set for both the normal state and the :hover state.

Thanks
Milo

[telters]

Wow, that makes a whole lot more sense!

So, my CSS would look like this

(display: inline to #nav ul li)



#nav ul li a:active {

padding-left:5px;

padding-right:5px;

background-color:#000;

color:#FFF;

}



#nav ul li a:hover {

padding-left:5px;

padding-right:5px;

background-color:#FFF;

color:#000;

}

????

Thanks

[Author]

Posts