Yvi: hover - Probleme mit Opera

Beitrag lesen

Hallo,

ich hab ein Problem mit der Darstellung meines Menüs unter Opera (8.54). Es wird beim ersten Überfahren des Links die hover-Grafik nicht angezeigt. Beim nächsten Überfahren (aber nur ohne Neuladen der Seite) zeigt er die Grafik an?! Woran könnte das liegen? Für Eure Hilfe bin ich überaus dankbar :o)
Hier ein paar Quellcode-Schnipsel:

-- html --
<div class="menue">
  <a id="xxx" class="menue" href="xxx.html"></a>
  <a id="yyy" class="menue" href="yyy.html"></a>
  ...
</div>

-- css --
a.menue {
  width:139px;
  height:31px;
  display:block;
}

#xxx { background:url(xxx_off.gif) no-repeat; }
#xxx:focus { background-image:url(xxx_on.gif); }
#xxx:hover { background-image:url(xxx_on.gif); }
#xxx:active { background-image:url(xxx_on.gif); }

... und das gleiche nur mit anderen Bildern für yyy

Ich weiß, mit Klasse und ID ist das unglücklich, aber ich mag nicht für jeden Menüpunkt Breite, Höhe und display separat definieren. Das ist bei allen gleich. Gibt es da eine elegantere Lösung?