[CSS] Obrazki które nie wyświetlają się w Firefox i Operze Opcje

[marcincompl]

Witam mam taki kod CSS i jest problem w Firefox i Operze nie wyświetlają się obraki "menu2" , "menu3"...
Natomiast w Explorer6 wszystko działa super....

CODE

a.lrollover {
display: block;
width: 142px;
height: 68px;
background-image: url('images/menu1.gif');
background-repeat: no-repeat;
}
a.lrollover:hover {
background-position: 0px -68px;}


a.2rollover {
display: block;
width: 135px;
height: 68px;
background-image: url('images/menu2.gif');
background-repeat: no-repeat;
}
a.2rollover:hover {
background-position: 0px -68px;}


a.3rollover {
display: block;
width: 180px;
height: 82px;
background-image: url('images/menu3.gif');
background-repeat: no-repeat;
}
a.3rollover:hover {
background-position: 0px -82px;}

A tam gdzie ma się wyświetlać obrazek wstawiam ten kod:

CODE

<a class="lrollover" href="http://link.html" ></a>
<a class="2rollover" href="http://link.html" ></a>
<a class="3rollover" href="http://link.html" ></a>

Proszę o pomoc co zmienić aby się te obrazki wyświetlały w przeglądarkach Firefox i Operze...