Imagen de fondo no aparece en IE

Saludos, bandera.

Estoy desarrollando un sitio web y he llegado al lindo momento en depurar el código para que se vea bien en tooooooodos los navegadores. Como es usual, el IE es el que está dando problemas.

Todas las páginas cargan una hoja de estilos que es exclusivamente para las imágenes de fondo. Una parte de dicho archivo luce así:

/* @group Headers Secciones */

#contenido.conocenos {
background: url(../images/headers/01_conocenos.jpg) no-repeat;
}
#contenido.menu {
background: url(../images/headers/02_menu.jpg) no-repeat;
}
#contenido.bebidas {
background: url(../images/headers/03_bebidas.jpg) no-repeat;
}
#contenido.promociones {
background: url(../images/headers/04_promociones.jpg) no-repeat;
}
#contenido.lo_nuevo {
background: url(../images/headers/05_lo_nuevo.jpg) no-repeat;
}
#contenido.restaurantes {
background: url(../images/headers/06_restaurantes.jpg) no-repeat;
}
#contenido.unete {
background: url(../images/headers/07_unete.jpg) no-repeat;
}
#contenido.contactanos {
background: url(../images/headers/08_contactanos.jpg) no-repeat;
}

/* @end */

Ahora, esto es lo que tiene cada página:


<!-- CONTENIDO -->
div id="contenido" class="menu"
div id="tit_secc" class="menu"
<h1><span>Menu</span></h1>
/div
/div

A este código le he quitado los de los DIVs porque el id de cada uno no aparecía. Así como está, sólo se aprecia el espacio que ocupa la imagen. Si en el la hoja de estilos cambio "#contenido" por "#tit_secc", la imagen se muestra, pero si cambio todos a "#tit_secc" ya no, y viceversa.

Espero me puedan ayudar a resolver esto.