Grainy Text in IE?

[johnse4]

I added a JQuery Nav Bar to one of my websites recently that has a fade effect on roll over. It works fine in all the browsers except IE. For some reason the text appears grain. I don't know what I am doing different than the tutorial?

Tutorial: http://www.webdesign.org/web/web-programming/javascript/jquery-navigation.17315.html

Webpage: http://www.zeroimpactconsulting.com/

CSS: http://www.zeroimpactconsulting.com/css/style.css

#navbar {
background:url(/i/layout_navbar.gif);
width:800px;
height:66px;
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:-16px;
padding:0px;
z-index:3;
}
.nav_links ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.nav_links li {
list-style:none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
float: left;
}
.nav_links a {
text-decoration: none;
color: #85bbdf;
font-weight:bold;
display: block;
height: 45px;
padding-top: 20px;
padding-right: 27px;
padding-left: 26px;
}
.nav_links a:hover {
color: #FFFFFF;
font-weight:bold;
background-image:url(/i/navbar/hover.png);
background-repeat: no-repeat;
}
.withdiv {
background-image:url(/i/navbar/border.png);
background-repeat: no-repeat;
}

Thanks in advance!

[jscheuer1]

No, you're good - the script is bad. Filtered text in IE 7 + is grainy. Filters are required in IE for any kind of opacity changes (fading). The home page for the script uses images which represent the menu, including its text, not an actual working menu. As a result, there is no way of telling by simply viewing the script's home page in IE that the text will be grainy when you actually implement the script.