Desbordamientos y posición de capas

[Aimarejada]

He avanzado algo pero las imagenes ya que las imagenes estan bien posicionadas sin ponerles a los div position absolute pero no estan en el mismo nivel.

Las imagenes estan dentro de un div el cual tiene un position relative y los div de las imagenes tienen position absolute con z-index para que se superpongan y las imagenes de los lados esten encima del div ce. Por lo que veo en Mozilla y en IE 6 el resultado es que los div se salen del navegador o no salen bien colocadas .

Código PHP:

  <div id="footer">
     <div id="iz">&nbsp;</div>
          <div id="ce">    
               Contenido pie.
       </div>
     <div id="de">&nbsp;</div>
</div>  
   

Código PHP:

  #footer {
   position: relative;
   margin: 0px auto; 
}

#iz{
    background:url(pieiz.png) no-repeat;
    width:29px;
    height: 53px;
    float: left;
    position:absolute;
        z-index:1;
}

#ce{
    background:url(piece.png) repeat-x;
    width:100%;
    height: 53px;
    float: left;
    position:absolute;
    z-index:0;
}

#de{
    width:29px;
    height: 53px;
    position:absolute;
    z-index:1;
    background: url(piede.png) no-repeat right;
    float:right;
}