Rafael: Internet Explorer lädt margin Attribut verzögert

Beitrag lesen

Ich bin auf ein sehr seltsames Problem mit dem IE gestoßen. Ich bastle gerade an einer Webseite, die einen Newsletter anbietet. Dazu habe ich eine Leiste mit zwei Feldern, einer für den Namen und einen für die Email. Wenn jetzt jemand auf eines der Felder klickt soll sich die Ramendicke von 1 auf 2 erhöhen, was auch passiert.

um aber den text an der gleichen stelle zu lassen, soll sich der Rand um den einen Pixel verringern und das klappt im Prinzip auch (mit Firefox, Netscape und Opera).

Nur wird die Ramenänderung mit dem IE erst aktiv, wenn ich mit der Maus über den Button fahre. Das Problem tritt nur mit dem IE auf und ich bin, sagen wir, verwirrt.

Das CSS sieht für die Eingabefelder so aus:

#rahmen {
border-width: 1px;
border-style: dashed;
border-color: #FF0066;
font-family: Verdana, Helvetica, sans-serif;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 3px;
}

#rahmenmo {
border-width: 2px;
border-style: dashed;
border-color: #40BE89;
font-family: Verdana, Helvetica, sans-serif;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1px;
margin-top: 1px;
padding-bottom: 0px;
}

Zu betrachten gibt es das Problem auf:

http://www.buela.de/demo/

und eine gefixte aber leider nur semioptimale Version auf:

http://www.buela.de/kulturini/