FF != IE: Inputfeld und Button haben verschiedene Position.

[saveas]

Guten Morgen!

Ich habe folgendes Problem:

Ich habe einen Layer "search", in diesem gibt es ein Form mit Input- und Button-Feld.

Im FF werden beide Elemente ganz oben platziert. Im IE ist oben ein ~3mm hoher Abstand.

Woran liegt das?

  
#search {  
        position:  absolute;  
 width:   323px;  
        height:   55px;  
 margin-top:  47px;  
 margin-left: 315px;  
 top:   0px;  
 left:   0px;  
 background-color: #34baab;  
 padding:  0;  
}  
  
form {  
 margin:   0;  
 padding:  0;  
}  
  
.button {  
        border:   none;  
 background-color:transparent;  
 text-decoration:none;  
 cursor:   pointer;  
 color:   #ffffff;  
 font-family: Arial, Helvetica, sans serif;  
 font-size:  15pt;  
 font-weight: bold;  
 margin:   0;  
}  
  
.input {  
        border:   1px solid #365364;  
 background-color:#ffffff;  
 text-decoration:none;  
 cursor:   text;  
 color:   #365364;  
 font-family: Arial, Helvetica, sans serif;  
 font-size:  15pt;  
 width:   212px;  
 margin:   0;  
}  

  
  
            <div id="search">  
                <form method="get" action="<?=HTTP_HOST?>/suche.php">  
                    <input class="input" title="Suche" name="begriff" maxlength="100" value="<?=$_GET["begriff"]?>">  
                    <input class="button" type="submit" value="Suchen">  
                </form>  
            </div>  

hoffe diese angaben reichen! wenn nicht, einfach fragen!

Gruß,

saveas

[RFZ]

<input class="input" title="Suche" name="begriff" maxlength="100" value="<?=$_GET["begriff"]?>">

  
Hi,  
auch wenn ich dein Topic hier nicht aufgreiffe... Schonmal von XSS gehört? Wenn nicht, bei Wiki nachschlagen :)  
  
Gruß,  
Andreas

[Steel]

Hi,
schonmal versucht den paddings un margins auch masseinheiten zu geben?