Problemi di visualizzazione di un form con ie6

[Marteueh]

Ciao a tutti
ho un problema di incompatibilità tra ie e firefox:
Ho questo codice che caratterizza un form del motore di ricerca interno:

<div id="searchbox">
<form action="http://www.miosito.com" method="get">
<legend></legend>
<label for="search"></label>
<input class="searchfield" id="search" size="15" name="q" value="" onfocus="if(this.value==this.defaultValue)this.val ue='';" type="text" />
<div>
<input id="submit" value="" type="submit">
</div>

il css del modulo è:

#searchbox {
position:absolute;
left: 820px;
top: 22px;
width:260px;
}

#searchbox input[type="text"] {
margin: 0;
padding: 0;
width: 220px;
border: 1px solid #666;
height: 18px;
float: left;
color: #222;
padding-left: 0.25em;
margin-right: 1em;
}
#searchbox legend {
display: none;
}
#searchbox div input[type="submit"] {
border: 0;
background: url("../images/19.png") no-repeat ;
width: 20px;
height: 20px;
text-indent: -200em;
display: inline;}

in firefox e opera funziona perfettamente
in ie non legge il css se non nella parte iniziale (posizione assoluta)
Qualche consiglio?

[fcaldera]

Internet explorer non interpreta questa sintassi

#searchbox input[type="text"] ...

#searchbox div input[type="submit"]...


associa una classe diversa in base ai tipi di input
e assegna le varie regole in base alla classe