[CSS]Problem z menu po Firefoxem, Menu wyświetla się w IE a z firefoxie nie Opcje

[romarta]

Zrobiłam sobie proste menu obrazkowe i problem jest taki że w Firefoxie i Chromie mi nie wyświetla sie a po IE działa idealnie.
Menu zrobione jest z wykorzystaniem css, ponieważ po najechaniu na daną kategorię ma się ona podświetlić a po kliknięciu na nią zmienić. I nie wiem w czym jest problem.
Oto kod menu:

[HTML] pobierz, plaintext 
<tr>
        <td>
           <div class="mix_06"><a href="firma.html"> <!--    <img src="images/metal_mix_06.jpg" width="199" height="62" border="0" alt="">--></a></div></td>
        <td>
          <div class="mix_07"><a href="katalog.html"> <!--<img src="images/metal_mix_07.jpg" border="0" width="201" height="62" alt="">--></a></div></td>
        <td colspan="3">
                 <div class="mix_08"><a href="kontakt.php"> <!--    <img src="images/metal_mix_08.jpg" width="201" height="62" border="0" alt="">--></a></div></td>
        <td>
             <img src="images/metal_mix_09.jpg" width="14" height="62" alt=""></td>
    </tr>
[HTML] pobierz, plaintext 

a to formatowanie w CSS:

Kod

.mix_06 a:link{
background-image:url(images/metal_mix_06.jpg);
height:62px;
width:199px;
}
.mix_06 a:visited{
background-image:url(images/metal_mix_06.jpg);
height:62px;
width:199px;
}
.mix_06 a:hover{
background-image:url(images/metal_mix_06a.jpg);
height:62px;
border:none;
}
.mix_06 a:active{
background-image:url(images/metal_mix_06a.jpg);
height:62px;
width:199px;
border:none;
}
.mix_07 a:link{
background-image:url(images/metal_mix_07.jpg);
height:62px;
width:201px;
}
.mix_07 a:visited{
background-image:url(images/metal_mix_07.jpg);
height:62px;
width:201px;
}
.mix_07 a:hover{
background-image:url(images/metal_mix_07a.jpg);
height:62px;
width:201px;
}
.mix_07 a:active{
background-image:url(images/metal_mix_07a.jpg);
height:62px;
width:201px;
}
.mix_08 a:link{
background-image:url(images/metal_mix_08.jpg);
height:62px;
width:201px;
}
.mix_08 a:visited{
background-image:url(images/metal_mix_08.jpg);
height:62px;
width:201px;
}
.mix_08 a:hover{
background-image:url(images/metal_mix_08a.jpg);
height:62px;
width:201px;
}
.mix_08 a:active{
background-image:url(images/metal_mix_08a.jpg);
height:62px;
width:201px;
}