probelmas con z-index

[capagris]

hola a todo@s.

estoy diseñando una página en la cual parte de esta tiene un color de fondo con una serie de imagenes dentro, en explorer se ve sin problemas pero en firefox no se ve bien, adjunto codigo.


CSS

Código:

} 

#contenedor{ 
    text-align: left; 
    width: 638px;
     height: 900px; 
    margin: auto; 
} 

#logo{
    width: 638px;
    height: 23px;
    float:left;
    margin:25px 0 25px 0px;
    z-index: 0;
}

#serie{
    
    background-color: #46402d;
    width: 110px;
    font-size: 16px;
    height: 28px;
    float:left;
    color:#ffffff;
    z-index: 0;
    text-align: center;
    padding-top: 9px;
}

#titulo1{
    background-color: #7f7f7f;
    float:right;
    width:    109px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 9px; 
    text-align: center;
    padding-top: 7px; 
    z-index: 0;
}

#titulo2{
    background-color: #01203a;
    float:right;
    width:    109px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 9px;
    text-align: center;
    padding-top: 7px;
    z-index: 0;
}

#fondo_azul{
    width: 638px;
    height: 245px;
    z-index: 0;
    background-color: #01203a;
}

#imgspa{
    margin: 0 5px 0 5px;
    float:left;    
    margin-top: 30px;
    margin-left: 15px;
    z-index: 1;    
}

#foto{
    float: right;
    margin-top: 30px;
    z-index: 1;    
}

#lupa{
    float: left;
    z-index: 1;
    margin-left: 40px;
    margin-top: 3px;
    font-size: 8px;
    color: #ffffff;    
}

#modelo{
    float:left;
    margin: 30px 0 0 16px;
    z-index: 1;
}

#solicita{
    float:left;
}

#linea1{
    width:633px;
    height: 17px;
    color: #ffffff;
    font-size: 12px;
    background-color: #01203a;
    margin: 10px 0 10px 0px;
    padding: 2px 0 0 5px;
}

#txt{
    width:628px;
    font-size:12px;
    text-align:justify;
    margin: 5px 0px 5px 0px;
    padding: 0 5px 0 5px;
    line-height: 18px;
}

HTML

Código:

<div id="logo"><img src="img/logo.gif" /></div>
    <div id="serie">SERIE 600</div><div id="titulo1">Denali</div><div id="titulo2">Burlington</div>
    <div id="fondo_azul"><div id="imgspa"><img src="img/spa.jpg" /></div><div id="foto"><img src="img/img.jpg" /></div><div id="lupa"><img src="img/lupa.gif" /> Ampliar imagen</div><div id="modelo"><img src="img/name.gif" /></div></div>
    <div id="solicita"><a href="#"><img src="img/informacion.gif" border="0"/></a></div>
    <div id="linea1">DISFRUTE DE SU SPA  CON SU FAMILIA Y SUS AMIGOS</div>
    <div id="txt">Desde las increíbles vistas del lago Champlain a los altos arces, la bella ciudad de CASANUECES, Vermont, es el nombre que se le dio al “buque insignia” de la Serie 680. Este baño, con todas las características, tiene el espacio suficiente para 6 adultos; incluye 32 chorros de tratamiento, un asiento reclinado ergonómicamente diseñado y una cascada elegante. Es el lugar perfecto para entretener a los amigos o relajarse después de un día estresante.</div>

si alguien me puede orientar un poco lo agradecería.

saludos