Porque no funciona este CSS en IE

chrizz · #1 (**permalink**) 04/08/2010, 09:13

Tengo ese problema no me funciona este CSS:

Código HTML:

}
.buttonform {
	border: none;
	width: 226px;
	height: 36px;
	background: url('aggg.png') no-repeat top left;
	padding: 2px 1px;
	font-size: 14px;
	font-style: normal;
	color: #0066CC;
	font-weight: bold;
	
}
.buttonform:hover {
    border: none;
	width: 226px;
	height: 36px;
    background: url('aggg2.png') no-repeat top left;
    padding: 2px 1px;
	font-size: 14px;
	font-style: normal;
	color: #0066CC;
	font-weight: bold;

Los aplico a un campo IMPUT:

Por ejemplo solo se ve la imagen agg.png y el HOVER no funciona, lo que si funciona es el color de texto.

Y si en Firefox funciona de maravillas !

Que podría estar pasando ?

Saludos y gracias de natemano

cesarpunk · #2 (**permalink**) 04/08/2010, 10:38

Tu código funciona en todos los exploradores excepto el querido IE6 debido a que sólo acepta :hover en los vínculos... ahora existe una solucion que es el csshover3.htc que lo aplicas al inicio de tu hoja de estilo:

body { behavior: url("csshover3.htc");}

te dejo el enlace:

http://code.google.com/p/phpwcms/sou...ver3.htc?r=398

alexk · #3 (**permalink**) 04/08/2010, 18:10

yo recomiendo usar
http://code.google.com/p/ie7-js/
para validar el CSS y corregir ese y otros bugs del IE6...