Estoy comenzando a rediseñar una página utilizando las hojas de estilo pero me encuentro que en FireFox me funciona perfectamente y no en el IE. En firefox me cambia la imagen según cambio la clase, pero en IE si meto la primera clase funciona bien y mal para el resto.
La idea era crear otras clases para modificar una capa en el pie, los H1, H2, ...
Tengo el siguiente código CSS :
Código:
Y luego lo uso con :#cabecera{ height: 143px; font-size: 10px; line-height: 11px; } #cabecera.menuCat1{ background: url(imagenes/cabeceraCat1.jpg) no-repeat right bottom; } #cabecera.menuCat2{ background: url(imagenes/cabeceraCat2.jpg) no-repeat right bottom; } #cabecera.menuCat3{ background: url(imagenes/cabeceraCat3.jpg) no-repeat right bottom; } #cabecera.menuCat4{ background: url(imagenes/cabeceraCat4.jpg) no-repeat right bottom; } #cabecera.menuCat5{ background: url(imagenes/cabeceraCat5.jpg) no-repeat right bottom; } #cabecera.menuCat6{ background: url(imagenes/cabeceraCat6.jpg) no-repeat right bottom; } #cabecera.menuCat7{ background: url(imagenes/cabeceraCat7.jpg) no-repeat right bottom; }
Código:
<div id="cabecera" class="menuCat2">