Фоновое изображение ссылки IE не работает

Привет я пытаюсь добавить фоновое изображение к своей ссылке. Изображение содержит два состояния, A и A:hover.

a->background-position:bottom и a:hover=>background-position:top. Это хорошо работает в хроме и Firefox, но IE сосет настолько плохо и общая высота дисплея изображений (два состояния вместе). Я задавался вопросом, знает ли кто-либо, как зафиксировать его.Спасибо..

HTML

<ul id="menu">

 <li id="dummy"><a href="#"></a></li> 
 <li id="skill"><a href="#"></a></li>

</ul>

моя CSS

#menu #skill a
{
background-image:url("BTskill.png") ;
background-repeat:no-repeat;
background-position:bottom; 
list-style-type:none ;
display:block;
width:98px;
height:18px;
margin-top:5px;
}



#menu #skill a:hover
{
background-image:url("BTskill.png") ;
background-repeat:no-repeat;
list-style-type:none ;
display:block;
width:98px;
height:18px;
background-position: top;  // the image position would change if user hovers the button
margin-top:5px;

}

Обновление: Я просто узнал, беру ли я из в своей CSS

   #menu #skill
    {
    background-image:url("BTskill.png") ;
    background-repeat:no-repeat;
    background-position:bottom; 
    list-style-type:none ;
    display:block;
    width:98px;
    height:18px;
    margin-top:5px;
    }

Это изображение показало бы корректную высоту, но это больше не ссылка.. :(.. человек.. Я ненавижу IE так бесятся очень...