Homepage selbermachen 7.851 Themen, 35.616 Beiträge

Hallo,

Ich habe wieder mal ein lästiges Problem mit dem IE.
Am besten posten ich ein Beispiel:

Code:

<form name="form1">

<div style="

    vertical-align: bottom;

    background-color: #5677bb;

    width: 15%;

    padding: 0px;

    text-align: center;

    font-weight: bold;

    color: white;

    float:left;">Beispiel

    <br />

    <div style="

      border-style: solid; 

      border-color: #666666;

      border-width:1px;"

    >

      <input type="text" name="txtUserid" style="  width:100%;

        padding: 0px;

        margin:0px;

        border-width: 0px;

        background-color: #FFFFFF;"/>

    </div>

</div>

</form>

Hier ist im IE unter der Inputbox noch ein 1px breiter und sehr hässlicher Rand. Ich habe jetzt schon einiges ausprobiert und kann mir einfach nicht erklären woher der kommt oder wie ich ihn weg kriege.

Wäre wirklich sehr dankbar, wenn mir da jemand helfen könnte.