3px job in a list

[hoss9009]

So I have a list and it’s giving me the 3px job in firefox(3.6).

Here’s my css

Code:

#top #header { background-image: url(images/header-bg.png); background-repeat: no-repeat; height: 80px; width: 972px; padding-right: 30px; }

#top #header #logo { background-image: url(images/logo.png); height: 42px; width: 158px; background-repeat: no-repeat; text-indent: -9999px; margin-top: 14px; margin-left: 45px; float: left; }

#top #header ul { margin-top: 25px; list-style-type: none; text-align: right; float: right; }

#top #header ul li { border-right-width: 1px; border-right-style: solid; text-align: center; display: inline; }

#top #header ul li a { font-family: “Courier New”, Courier, monospace; font-weight: bold; text-decoration: none; font-size: 18px; color: #ba1d2f; padding: 5px 15px 5px 15px; }

#top #header ul li a:hover { color: #fff; background-color: #e1dfdb; padding: 0px 15px; }

Here’s a direct link to screenshot of it…. [img]http://img43.imageshack.us/img43/442/captureyh.jpg[/img]

[Author]

Posts