Marcel: Firefox interpretiert CSS-Style micht vollständig

Beitrag lesen

Hallo.

Ich habe ein Menu mit Textlinks, mit den üblichen hover und Co Effekten. Ich habe ebenfalls eine Breite angegeben. Der IE Hinterlegt genau die Breite Farbig auch wenn der Text kürzer ist, genau wie gewollt.
Der Firefox wendet die gegebene Hintergrundfarbe lediglich auf der Länge des Links an, dass ist nicht gewollt.
Desweiteren wollte ich noch ein paar graue Streifen erzeugen. Ohne Inhalt zur Verzierung. Diese werden im IE angezeigt, aber nicht im Firefox.

Hier ist der Code:

.
.
.
<head>
<style type="text/css">
.menu:hover {
background:#dddddd;
}
.menu:active {
background:#cccccc;
}
.menu {
font-weight:bold;
color:#000000;
text-decoration:none;
background:#efefef;
width: 120px;
}
</style>
</head>
.
.
.
<a class="menu" href="nevu.php?sektion=nevu">Nevu</a><br>
<a class="menu" href="javascript:musik()">Musik!</a><br>
<a class="menu" href="mitglieder.php?sektion=mitglieder">Mitglieder</a><br><br>

<!--Die Streifen:-->
<div style="background:#efefef; width: 100px;"></div><br>
<div style="background:#efefef; width: 90px;"></div><br>
<div style="background:#efefef; width: 70px;"></div><br>
<div style="background:#efefef; width: 40px;"></div><br>
<div style="background:#efefef; width: 10px;"></div><br>

Ich hoffe ich habe mich klar ausgedrückt, und ihr könnt mir helfen!

Danke!