CSS + IE
Date: 02/13/06
(WebDesign) Keywords: css, html, seo
Oh IE, why do you hate me. From what I read, this is a common problem:
This is a mouseover link, using CSS and such. I'm doing HTML Strict.
Firefox:

IE:

Can you guys suggest a fix so the IE looks like the Firefox.
The code:
#nav {
margin:0;
padding:0;
width:100%;
text-align:center;
font-variant:small-caps;
font-size:18px;
letter-spacing:2px;
vertical-align: bottom;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
#nav a:link,
#nav a:visited {
color:#ddb;
background:#467;
padding:10px 10px 10px 10px;
width:auto;
text-decoration:none;
}
#nav a:hover {
color:#fff;
background:#355;
}
Thanks all.
Source: http://community.livejournal.com/webdesign/1059403.html