Andreas: Navigation mit css - Button ohne table

Beitrag lesen

Hallo,

ich habe ein Problem beim Erstellen einer Navigation mit css. Ich möchte ein icon und daneben einen "Button" - eigentlich nur ein Feld in der der link steht machen.

Soweit hatte ich alles und es klappte auch, aber mit der Grösse des Feldes (Buttons) habe ich dann probleme bekommen. Ich habe diese Grösse einfach mit width angegeben - und da funtionierte es nicht mehr.

Weiters habe ich bei IE das Problem, dass er an der linken unteren Ecke, die beiden Linien überkreuzt.

Hier der Quelltext:
CSS-Datei:
a.anavi { width:120px; margin:10px; background-color:#FFFFFF; font-size:12px; text-decoration:none; line-height:12px; border-style:solid; border-width:1px; padding:2px; }

a.anavi:hover { width:120px; margin:10px; background-color:#ff6600; font-size:12px; text-decoration:none; line-height:12px; border-style:solid; border-width:1px; padding:2px; color:#FFFFFF; border-color:#000000; }

Dokument:
<div class="navi"><img src="../pics/raute_on.gif" width="20" height="11"><a href="#" class="anavi">test</a></div>

Vielleicht hat jemand eine Idee - danke im Voraus,
Andreas