Probleme mit Anzeige eines CSS Menüs unter Firefox

[Richard]

Hallo ;)

Ich habe mir ein schönes CSS-Menü zusammengebastelt, was soweit auch funktionierte und vom W3 Validator akzeptiert wurde. Beim Test mit einigen Browsern begannen jedoch die Probleme. Unter dem Internet Explorer 6.0 ist alles ok, doch unter Firefox (0.9) wird einfach das "width" ignoriert, wodurch jeder Button des Menüs eine andere Breite hat, was entsprechend schlecht aussieht.

Im untenstehenden Code ist meine Variante mit a.menu1:link {} - ich habe es aber bereits auch mit div.menu2 a {} ausprobiert, was jedoch zum gleichen Ergebnis führte.

Wo liegt mein Fehler? Danke für jede Antwort ;)

a.menu1:link {
          width : 100px;
          text-align : center;
          text-decoration : none;
          border : 2px solid #f0f0f0;
          padding : 2px 4px;
          color : #336699;
          background-color : #f0f0f0;
          line-height : 16px;
      }
    a.menu1:visited {
          width : 100px;
          text-align : center;
          text-decoration : none;
          border : 2px solid #f0f0f0;
          padding : 2px 4px;
          color : #336699;
          margin-right : 2px;
          background-color : #f0f0f0;
          line-height : 16px;
      }
    a.menu1:hover {
          width : 100px;
          color : black;
          text-align : center;
          text-decoration : none;
          border-top : 2px solid #336699;
          border-bottom : 2px solid #336699;
          border-right : 5px solid #336699;
          border-left : 5px solid #336699;
          background-color : #ffffcc;
          line-height : 16px;
      }