Menu rollover - nic się nie pokazuje

[mik2]

Witam, mam problem z menu tworzonym w sposób podawany na wielu stronach i wydaje mi się, że wszystko robię tak jak było napisane, aczkolwiek żadna przegladarka prócz IE menu mi wogóle nie pokazuje.

HTML:

Kod:

<div id="MENU">
      <a href="wstep.html" class="wstep"></a>
       <a href="uklad.html" class="uklad"></a>
       <a href="rysuj.html" class="rysuj"></a>
      <a href="przyk.html" class="przyk"></a>
       <a href="autor.html" class="autor"></a>
    </div>

CSS:

Kod:

.wstep {background:url("images/wstep.png") no-repeat; width:141px; height:53px;}
.wstep:hover {background-position: 0 -53px;}
.uklad {background:url("images/uklad.png") no-repeat; width:184px; height:53px;}
.uklad:hover {background-position: 0 -53px;}
.rysuj {background:url(images/rysuj.png) no-repeat; width:197px; height:53px;}
.rysuj:hover {background-position: 0 -53px;}
.przyk {background:url(images/przyk.png) no-repeat; width:114px; height:53px;}
.przyk:hover {background-position: 0 -53px;}
.autor {background:url(images/autor.png) no-repeat; width:144px; height:53px;}
.autor:hover {background-position: 0 -53px;}

Mam nadzieję, że ktoś mi powie co ja robię nie tak

Pozdrawiam

[Kartofelek]

#MENU a {display:block; float:left;}

Dziękuję za uwagę.