IE7 und FF/Opera interpretieren Randbreite anderst?

[donald]

Hallo,

Mit folgenden CSS möchte ich Fehlermeldungen kennzeichnen:

.ErrorBox {  
  border: 1px solid #FF0000;  
  border-left: 8px solid #FF0000;  
  background-color: #FFEEEE;  
  color: #400000;  
  width: 100%  
  margin: 4px;  
  background-image: url('/images/error.png');  
  background-repeat: no-repeat;  
  background-position: 1px 2px;  
  padding: 2px 2px 2px 20px;  
}

<div class="ErrorBox">Benutzername / Kennwort ungültig</div>

Jetzt hier das Ergebnis:

Kann es sein, dass der IE die Position von Background-Image am Rahmen-Aussenrand festmacht, wobei die anderen das am Rahmen-Innenrand festmachen? Wie kann ich das auf reiner CSS Ebene fixen?

Donald

[donald]

Vergesst es!

Ich hab über das Syntax-Highlighting vom Forum den fehlenden Strichpunkt hinter 100% bemerkt. Wenn ich das fixe ist auch die Anzeige wieder ok.

Dennoch danke für's lesen.

Donald