Cómo logro éste borde ?????

Hola amigos, quisiera saber cómo hacer undegradé en un borde, el diseño ya lo tengo hecho pero no sé cómo lograrlo. Son los 4 bordes de un div, los horizontales son de 1px de alto por 980px de ancho y los verticales, 350px de alto por 1px de ancho, espero se entienda.
Igual acá dejo un link a la imagen para que puedan verlos e interpretar lo que digo. Imagen

Alguien puede darme una mano ???? Desde ya muchas gracias

Haz una imagen con esos bordes y la pones de fondo... Si van a medir siempre lo mismo no hay problema...

Pero tendría que hacer una imagen de todo el div, tiene sentido poner algo con ese peso por los bordes, no hay una manera de hacerlo con css ??? o de otra manera, pero evitando poner toda una imagen de fondo del div ???
o estoy equivocado en pensar ésto ?

Yo pondría la imagen, en png no creo que ocupe tanto.
Si que se puede hacer de otra manera: Hces dos imagenes (una para los horizontales, otra para los verticales). Luego haces un html más o menos así:

Código HTML :

<div id="box">
  <span id="borde_i"></span>
  <span id="borde_d"></span>
  <p>...Contenidooooooo...</p>
  <span id="borde_a"></span>
</div>

Y luego el css:

Código :

#box, #borde_a { background: #xxx url('imagenbordehorizontal.png') top center; }
#borde_i, #borde_d {
background: #xxx url('imagenbordevertical.png') center 0;
width: xxxpx;
height: xxxpx;
}
#borde_i {float:left;}
#borde_d {float:right;}
#borde_a {
width: xxxpx;
height: xxxpx;
}

Para que te hagas a la idea sería algo así, aunque faltarían alomejor cositas. Con css3 será mucho más fácil... pero ahora mismo no funciona con la mayoría de navegadores.

Hasta otra!

Hoy lo pruebo. Lo voy a hacer con un png 8 con transparencia de indice, espero que quede !!

Gracias por la data, funciona de 10 !!!
Muchas gracias por la onda.

Aporto para los que se inician y deben conocer lo bàsico para una opciòn de trabajo:
http://www.librosweb.es/css_avanzado/capitulo1/esquinas_redondeadas.html