Duda CSS con IE

[Mairim84]

Hola,

me han pedido un cambio de CSS ya que la maquetación en IE7 no se ve correcta (el cliente es el que usa y no quiere cambiarlo) en todos los navegadores la clase que tengo creada funciona perfectamente menos en ie-7. Tengo un CSS propio para ie7 pero no se como "machacar" la clase. Me explico, la clase en el css global tiene el parámetro widht:101%; (entre otros) y ese es el que hace que en IE7 se me desmaquete el fondo de un enlace.

¿Cómo puedo machacar esa clase en el fichero del ie7.css para que no me coja el parámetro width? He intentado con otros valores pero no funciona, la única manera de solucionar el fallo es eliminando esa línea de clase, pero entonces se ve mal en el resto de navegadores.

A alguien se le ocurre como solucionarlo??

[pzin]

Volver a declarar el ancho en tu archivo para IE7, y que este cargue el último, o al menos después del archivo que hace referencia original al ancho, siempre y cuando no existan problemas de especificidad debería de funcionar.

En el peor de los casos, puedes declarar el ancho para IE especificando la regla como importante:

Código CSS:

width: 100% !important;
 

Así se sobreescribiría cualquier declaración anterior e incluso posterior.

[Mairim84]

Esa solución ya la probé y el IE pasa del important y todo.

La clase es esta:

Código:

.btnSubmit{
	width: 101%;
	margin-top: 3em;
	margin-bottom:2.5em;
	display:block;
}

La única manera que se me visualice correctamente, es si utilizando el "Firebug" de IE, elimino la línea del widht.

La verdad es que ya he probado de todo y no veo la salida...

Gracias por la idea, pero ya la había probado y nada

[pzin]

Pues !important debería de funcionar perfectamente en IE7.

[Mairim84]

Lo se :(

Gracias igualmente!

[pzin]

¿Y qué reglas ves que se aplican en Firebug? Es muy extraño que no se aplica esa regla. A menos que tengas otro !important por ahí.

[oldie]

Con esto te aseguras la correcta interpretación de css3 en ie http://css3pie.com/