[Solved] Need an IE fix for rollover in css

I'm working on a website for my friend and I believe I have one more problem left which is one image rollover link.
It works fine with Safari but not with Internet Explorer. Any help would be much appreciated!

You can view the website http://www.projectathleteinc.com/web20/

Here's the code I have in the CSS file:

.rollover a {
display:block;
width: 145px;
height: 1px;
padding:0 0 16px 7px;
margin: 0 0 0 1px;
font: bold 16px verdana;
color:#003da2;
background: url("img/palogo.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 17px;
color: #000000;
}