IE9 - Eingabeform verändert die Größe des Eingabefelds nicht

[StephanBo]

Ein simples Eingabefeld soll erstellt werden. Hier die CSS:

#ge-search-form input{
width:350px;
height:60px;
position:relative;
float:left;
border:1px solid #bdc0c3;
background-color:#ffffff;
font-size:22px;
color:#919191;
padding:0px 12px 0px 12px;
}

Verändere ich den "height"-Wert, wird die Änderung in Chrome ohne Probleme ausgeführt. Im IE9 ändert sich aber nichts.
Bei der "width"-Angabe gibt es keine Problem, eine Änderung wird in beiden Browsern sichtbar.

Was ist hier los? Woran könnte es liegen, dass der IE9 nicht die Höhe des Eingabefeldes ändert?

Hier noch der HTML-Code:

<form action="#" method="get" id="ge-search-form">
<fieldset>
<input type="text" id="terms" onkeyup="getScriptPage('show_results','terms','1')" onblur="if ( this.value == '' ) this.value = this.defaultValue" onfocus="if ( this.value == this.defaultValue ) this.value = ''" value="type your search here" />
</fieldset>
</form>

 

[Liskel]

Hey,
hatte sowas ebenfalls vor kurzer Zeit, schau mal hier: CSS: height of input elements | onwebdev
Scheint ne uneinheitliche Anwendung von height zu sein. Dass es gerade im IE nicht funktioniert ...

 

[StephanBo]

Hatte das auch schon probiert und die Höhenangabe "height" weggelassen und diese stattdessen mit "padding" definiert.

Für Chrome geht das auch aber beim IE war wieder mal keine Änderungen sichtbar!

 

[StephanBo]

Eine Möglichkeit wäre natürlich noch, das Input-Feld in eine Parent-Div-Box zu packen. Aber das würde den Quellcode nur unnötig aufblähen. Würde davon gerne Abstand halten. Kann doch nicht sein, dass ausgerechnet der IE (und dann wahrscheinlich auch der FF) so rum zicken.