No se acomodan las capas!!!

[RazorBuzz]

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>

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/f...deconsulta.htm

Alguien puede ayudarme

Muchas Gracias
Desde Corrientes Argentina