[HTML & CSS] Problem mit a:hover background-color bei <div> Containern

[HardwarePope]

Hallo Leute,

ich wollte für meine Seite ein Element auf einem Hintergrundbild per CSS absolut positionieren. Das habe ich dann logischerweise per <div> Container gemacht, also so:

<div align="center" style="position:absolute; left:20px;
top:155px; width:90px; height:15px;>Text</div>

Jetzt mein Problem: Wenn ich will, dass der gesamte div-Container ein Link ist - sprich man kann auf den gesamten Container klicken und wird dann zu Datei "xyz.html" verlinkt, dann klappt es nicht, dass sich bei a:hover der Hintergrund des div-Containers ändert. Ich habe es so versucht zu lösen:

<a href="xyz.html"><div align="center" style="position:absolute; left:20px;
top:155px; width:90px; height:15px; background-color:#FF8080;color:#ffffff;">Text</div></a>

und der dazugehörige CSS Stylesheet sieht so aus:

a:link { background-color:#FF8080 }
a:visited { background-color:#FF8080 }
a:hover { background-color:#886688 }

Es sollte abgesehen von den Farben eigentlich so aussehen wie bei Computerbase die drei Spalten "Kontakt", "Werbung" und "Impressum" ganz rechts in der oberen Ecke.

Ich hoffe mir kann jemand helfen und schon mal danke im Voraus, Gruß,


HardwarePope

 

[PuppetMaster]

Versuchs mal mit

<a href="xyz.html" style="display:block; position:absolute; left:20px;
top:155px; width:90px; height:15px; color:#ffffff; text-align:center;">Text</a>

 

[HardwarePope]

Ne, scheint auch nicht zu gehen, aber mal danke

Edit: Muss mich korrigieren, funktioniert doch! Dankeschön!