unerklärlicher "Fehler" bei absoluter Positionierung

[Detlef G.]

Hallo Dicki

<ul id="navigation">
  <li>
     <a class="navibutton" href="linkziel">
         Linktext
         <div class="navicorner topright"></div>
         <div class="navicorner btmright"></div>
     </a>
  </li>

  
Das ist nicht zulässig, [a darf nur Inlineelemente enthalten](http://de.selfhtml.org/html/referenz/elemente.htm#a) ([W3C](http://www.w3.org/TR/html401/struct/links.html#edef-A)). Damit dürfte die Anzeige in verschiedenen Browsern eher zufällig sein.  
  
Warum machst du es denn überhaupt so kompliziert?  
  
~~~html
<ul id="navigation">  
  <li>  
    <a href="linkziel">  
      <span>Linktext</span>  
    </a>  
  </li>  

»» #navigation li a {  
     display: block;  

>   background-image: url('images/ecke_gruen_ro.gif');  
>          background-repeat: no-repeat;  
>          background-position: top right;  
> }  
>   
> #navigation li a span {  

     display: block;  

>  background-image: url('images/ecke_gruen_ru.gif');  
>         background-repeat: no-repeat;  
>         background-position: bottom right;  
> }  

Natürlich musst du noch dann weiter Anpassungen vornehmen, z.B. die Padding-Werte dem span zuweisen, statt dem a.

Der Internet Exploder zeigt mir genau das Ergebnis, welches ich erreichen wollte.

Meiner zeigt überhaupt keine abgerundeten Ecken.

Auf Wiederlesen
Detlef