Malcolm Beck´s: Opera-Bug bei :hover:after und position:absolute

Beitrag lesen

hi,

kann es sein, das Opera schwierigkeiten mit :hover:after mit position:absolute hat?

Folgenes CSS scheint Opera schwierigkeiten zu bereiten:

[class="extern"] {               /* Um Bugs in den IEs auszuschliessen */  
  position:relative !important;  
}  
[class="extern"]:hover:after {   /* Ohne Angaben für das aussehen der box */  
  position:absolute;  
  left:0;  
  bottom:1.5em;  
  z-index:5;  
}  
/*  
  da ich diese Eigenschaft für mehrere Elemente brauche, habe ich das ganze aufgeteilt  
*/  
[class="extern"]:hover:after {  
  content:"Externer Link";  
}

Im Firefox 3.5 habe ich keine Probleme mit diesem Beispiel, Seamonkey scheint das überhaupt nicht in den Griff zu kriegen, was aber auch Egal ist, aber Opera ist mir nicht egal.

Hier mal 2 Bilder, was passiert:

So soll es sein

Wenn man aber nur ein wenig auf der Seite runterscrollt passiert das:

So soll es nicht sein

Hier kann man sich das ganze Live ansehen. Weiss jemand, wie ich das doch noch schön kriege?
Das Original CSS, da es Online Minifiziert wird.

mfg