Foros del Web - Problemas con Clases en IE

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Problemas con Clases en IE (http://www.forosdelweb.com/f53/problemas-con-clases-ie-318548/)

Problemas con Clases en IE

Bueno acabo de empezar con Css y este es mi primer post.

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:

#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; }

Y luego lo uso con :

Código:

<div id="cabecera" class="menuCat2">

Encambio, esto si me funciona :

Código:

h1{

        text-align: left;

        font-weight:bold;        

        font-size: 14px;

        line-height: 14px;

        font-family: Tahoma, Arial, sans-serif;

}

h1.menuCat1 { color:#FFC600; }

h1.menuCat2 { color:#6A9B00; }

h1.menuCat3 { color:#FFC0A6; }

h1.menuCat4 { color:#FAA21B; }

h1.menuCat5 { color:#D77997; }

h1.menuCat6 { color:#BADB64; }

h1.menuCat7 { color:#91D7FF; }

Para

Código:

<h1 class="menuCat1">Encabezado 1</h1>

no se si haya sido solo cuestion de cuando pegaste tu codigo aqui, pero asegurate que tengas en vez de:
<div id="cabecera" class="menuCat2">
<div id="cabecera" class="menuCat2">

Fue al pegarlo.

Nadie sabe porque ocurre esto ... si lo más seguro es que esté haciendo algo mal.

Venga, dadme un tirón de orejas.