Bordes sombreado en css

Hola amigos:
Estoy haciendo un div con bordes sombreados .Tengo cuatro imagenes , una imagen para la sombra arriba, otra imagen para la sombra de abajo, otra imagen para la sombra derecha y la ultima para la sombra izquierda.

El problema es que no se me ven las dos sombras de los costados.Se me ve solo una ,la del lado izquierdo ,mi css lo tengo asi.

Código :

#cuerpo{
 background:url(../img/der.png) repeat-y top right; 
 background: url(../img/izq.png) repeat-y top left;
 }

Espero me puedan ayudar.

Todavía no puedes poner 2 imágenes de background. Esto se hará en CSS 3. Para hacer un efecto parecido tendrás que poner cada imagen de la sombra en un div.

Me puedes poner un ejemplo por favor, que no te entendi muy bien.Gracias por tu respuesta

yo para eso hice otra cosa
un div dentro de otro el div que contenia lo llame sombra y el otro contenedor
el xhtml:

Código :

 
<div id="borde" >
     <div id="contenedor" >
      <!-- aca va el contenido -->
     </div>
</div>

el css:

Código :

 
#borde{
       background: #054E7E;   
   position: relative;
        top: 0px;
   margin: 0px auto;
   padding: 8px;
   padding-top: 0px;
   padding-left: 0px;
}
#contenedor{
    background: #fff;
}

Espectacular lo probare y muchas gracias!!.

La idea básica es usar divs embebidos, jugar con paddings y darle un background diferente a cada uno. Puede ser complicado al principio pero uno se acostumbra, básicamente esto es un "workaround" para usar diferentes backgrounds.