Firefox interpretiert CSS nicht richtig (width)

    Naja, die Überschrift sagt eigentlich ja schon alles:

    Ich habe ein CSS-File erstellt, in dem folgendes steht:

    a:hover
    {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    width: 100px;
    color: #ffffff;
    padding-top: 2px;
    font-family: Verdana;
    list-style-type: none;
    background-color: #777777;
    text-decoration: none;
    }

    Wenn ich einen Link berühre, nimmt er die korrekte Farbe usw. an, aber die Breite (100px) wird nicht angepasst. Mit dem Internet Explorer funktioniert es aber.

    Klarer Fall von "denkste". Wenn hier wer was falsch macht, dann IE.

    Ein Link ist kein Block-Element, sondern ein Inline-Element und darf daher garkeine Höhe/Breite zugewiesen bekommen. IE machts trotzdem (und damit falsch). Firefox macht es aber richtig (so wie es der Standard vorsieht).

    Um dem Link eine Breite geben zu können, müsstet Du es schon als Blockelement diffinieren:

    Code
    display:block;


    Das führt natürlich zu den Block-Element typischen Umbrüchen.