✔ Höhe und Breite von <a>-Tags in Firefox

[xcylo]

Hallo zusammen!

Ich habe folgendes Problem:

In meiner horizontalen Navigation gibt es nebeneinander mehrere Links der Art

<a href="#" class="navi">Linktext</a>

Der Klasse "navi" gebe ich folgende Styles mit:

.navi {
   background-color: #FFFFFF;
   color: #053C96;
   line-height: 30px;
   height: 30px;
   width: 140px;
   ...
}
.navi:hover {
   background-color: #053C96;
   color: #FFFFFF;
}

Im IE klappts wie ich möchte, d.h. beim Mouseover über den 140x30 großen Bereich wechseln Hintergrund und Schrift die Farbe.
Im Firefox jedoch werden sowohl Höhe als auch Breite vollständig ignoriert, so dass nur der Bereich des reinen Linktextes verändert wird.

Ich habs schon mit wrappenden DIVs und SPANs versucht, leider ohne Erfolg, da FF für diese scheinbar :hover nicht akzeptiert.

Wie kann ich dieses Problem umgehen? Vielen Dank schonmal für Eure Hilfe!

Gruß
XCylo

 

[Maik]

Ergänze die Links mit folgenden CSS-Eigenschaften:

display: block;
float: left;

 

[xcylo]

Super, es klappt! Danke für schnelle und gute Hilfe!

Jetzt ärgere ich mich nur noch, dass ich nicht selber drauf gekommen bin...