Cajas de texto

[FiNo]

Saludos, tengo un problema con IE7, Firefox funciona correctamente. Es cuando aplico los atributo a una caja de texto.

.campo {
width: 250px;
height: 20px;
border: 1px Solid #000000;
background: #CDDBEB;
padding: 1px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:80px;
}
.campo:hover{
background-color:#FF9900;
}
.campo:focus{
background-color:#FF9900;
}
.campo:active{
background-color:#FF9999;
}

<input name="nn" type="text" id="nnn" class="campo">

[Gurrutello]

Hola
Pues si que me ha llevado rato..
En principio :hover en este tipo de campos no esta soportado por explorer
He buscado y hecho pruebas y esto es lo mejor que te he conseguido
prueba a ver y modificalo
Es css usando expresiones, de otra forma tendo entendido que no se puede con css . si con javascritp claro
<style>
.campo {
width: 250px;
height: 20px;
border: 1px Solid #000000;
background: #CDDBEB;
padding: 1px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:80px;
}
.campo:hover{
background-color:#FF9900;
}

/*para explorer*/
.campo {
background-color: expression('#CDDBEB',
this.onmouseover = function() { this.runtimeStyle.backgroundColor = '#FF9900'; },
this.onmouseout = function() { this.runtimeStyle.backgroundColor = '#CDDBEB'; },
this.onkeydown = function() { this.runtimeStyle.backgroundColor = '#cc0000'; },
this.onkeyup = function() { this.runtimeStyle.backgroundColor = '#FF9900'; });


</style>prueba cambiando onkeydown keyup etc por lo que necesites
espero que te sirva de algo, si no creo que tendras que hacerlo con javascript.
Saludos