No se acomodan las capas!!!

Hola a todos tengo un problemilla, leyendo un tutorial aprendi a hacer unos bordes redondeados de cuadros. Pero este tutorial habla de posiciones absolutas y quiero trabajar con posiciones relativas. El codigo que queda mas o menos asi

Código :

<div id="contenido">
  <div id="superior">
<img src="qa_arch_index/bordesupderecha.png" alt="Esquina superior derecha" align="right"/>
<img src="qa_arch_index/borderollizq.png" alt="Esquina superior izquierda" align="left"/></div>
<div id="cuadrouno"></div>
<div id="cuadrodos"></div>
<div id="inferior"><img src="qa_arch_index/borderollizqinf.png" alt="Esquina inferior izquierda" align="left"/>
<img src="qa_arch_index/borderollder_inf.png" alt="Esquina inferior derecha" align="right"/></div></div>[/quote]

Pero el resultado es este www.catedradequimica.com.ar/prueba.htm

y lo que quiero lograr es esto:(fijense en el cuadro sombreado del centro )

http://www.catedradequimica.com.ar/formulariosdeconsulta.htm

Alguien puede ayudarme

Muchas Gracias
Desde Corrientes Argentina

Código :

#contenido {
   height: 340px;
   width: 570px;
   left: 150px;
   position: relative;
   top: -290px;
}
#superior {
   background-color: #CCCCCC;
   width: 570px;
   background-image: url(../../qa_arch_index/bordesup.png);
   background-repeat: repeat-x;
   left: 150px;
   z-index: 4;
   height: 40px;
}
#inferior {
   left: 0px;
   top: 0px;
   height: 40px;
   width: 570px;
   background-image: url(../../qa_arch_index/bordeinf.png);
   background-repeat:repeat-x;
   z-index: 4;
   position: relative;
}
#cuadrouno {
   height: 300px;
   width: 567px;
   z-index: 3;
   left: 0px;
   top: 0px;
   background-image:url(../../qa_arch_index/latder.png);
   background-repeat:repeat-y;
   background-position:right;
   padding: 0;
}
#cuadrodos {
   left:0px;
   top: 0px;
   width: 567px;
   height: 300px;
   z-index: 2;
   background-image:url(../../qa_arch_index/latizq.png);
   background-repeat:repeat-y;
   background-position:left;
   padding: 0;
   position: relative;
}

emm.. yo no veo nada extraño... y el segundo enlace no lleva a ningún lado...

saludos

Que navegador utilizás??

por que cuando abro con el Firefox me tira cualquier cosa

Me refiero al vinculo prueba

RazorBuzz escribió:

FireFox 1.5, y también lo vi en IE

Para ésto, te recomiendo uses DOM corners (en inglés).