HTML - Imagen con background en mozilla

Tengo el siguiente codigo:
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="http://www.maderasornanda.com" target="_self" title="Página Inicial" class="current"><span>Pagina Inicial</span></a></li>
<li><a href="http://www.maderasornanda.com/empresa/" target="_self" title="Empresa"><span>Empresa</span></a></li>
<li><a href="http://www.maderasornanda.com/localizacion/" target="_self" title="Localizacion"><span>Localizacion</span></a></li>
<li><a href="http://www.maderasornanda.com/contacto/" target="_self" title="Contactar"><span>Contactar</span></a></li>
</ul>
</div>
</div>

y en el style:
#menucontainer{
position:relative;
height:45px;
color:#ffffff;
background:#383636;
width:100%;
font-family:Helvetica,Tahoma,Eras Medium ITC,sans-serif;
}

#menunav{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url("http://www.maderasornanda.com/css/images/background.jpg") repeat-x bottom center;
padding:0px 0px 0px 20px;
}

La imagen de fondo que se repite en internet explorer se visualiza correctamente pero en mozilla no me aparece. Que estoy haciendo mal. Gracias.