bilder als rollover im css

[samira]

hi!
habe ein großes problem mit diesen rolloverbuttons. wahrscheinlich wärs mit javascript schnell gelöst, muss aber mit css sein.

css-code:
.kategorie1 a:link, a:visited{
position: absolute;
left: 258px;
top: 75px;
z-index: 2;
background-repeat: no repeat;
background-image: url("kat1.jpg");
}

.kategorie1 a:hover, a:active {
background-image: url("kat1_over.jpg");

html-code:

<div class="kategorie1"><a href="#"></a></div>


meine vermutung wäre, dass der fehler im html liegt...aber leider vermutung.
kann mir wer helfen? im momentanzustand werden mir nämlich einfach KEINE bilder angezeigt. bin sehr verzweifelt!

 

[dkdenz]

Probier's mal so:

.kategorie1 {
   position: absolute;
   left: 258px;
   top: 75px;
   z-index: 2;
}
a.menu:link, a.menu:visited {
   display:block;
   width:breite des bildes;
   height:höhe des bildes;
   background:url("kat1.jpg");
}
a.menu:hover, a.menu:active {
   background:url("kat1_over.jpg");
}

<div class="kategorie1"><a class="menu" href="#"></a></div>