Como poner Separaciones en DW

[GidHarvey]

Buenas Tardes Amigos de FDW.
Bueno tengo una pregunta, enrealiadad no soy muy experto en maquetado de paginas web, pero tampoco soy algo principiante, y la verdad prefiero preguntar antes de quedarme como ignorante. Bueno vamos al grano.
La verdad que eh visto muchas paginas que ponen imagenes como esto ( | ) en las separaciones de sus web, y la verdad yo nunca eh trabajado con ese tipo de separaciones, pero me gustaria saber como lo hacen para asi saber cosas nuevas, les hago esta pregunta, por que no se como se llama eso si es que tiene algun nombre =S, seria posible que alguien me muestre alguna forma de codear esto o me de algunos TIPS para codear este tipo de separaciones?

aqui les cuelgo una imagen, para que vean a que me refiero:

captura

tambien les pongo la web de donde saque esa imagen, para que no me digan que se hace poniendole un background de fondo al div contenedor de esa seccion, ya que cuando se le da a esa parte ver imagen de fondo, solo se ve el color de fondo, las separaciones no salen con la imagen...

aqui la web:

web

Editor que uso Dreamweaver

saludos y muchas gracias de antemano.

estare esperando una respuesta.

ATTe Gidharvey

[juaniquillo]

Por lo que veo, ese separador puede ser una imagen repetida verticalmente o dos bordes CSS, uno blanco (claro) a la izquierda y uno negro (oscuro) a la derecha.


Edito *

Después de ver la página puedo ver que es efectivamente una imagen de fondo:
http://img94.imageshack.us/img94/2296/sinttulo1zq.jpg

[GidHarvey]

hola juaniquillo, muchas gracias por la respuesta, pero si le das en la pagina a ver imagen de fondo, solo sale degradado que tiene esa parte, pero no sale la imagen junta con esas separaciones, por eso puse la pagina, para que vieran que no es una imagen de fondo en ese div, por que revise y no me sale como imagen de fondo.

Saludos

ATTe Gidharvey.

edito aqui esta la prueba que no es una imagen de fondo

http://ddwebstudios.com/tf/nova/blue...s/blue_sep.gif

como puedo hacer para maquetar las separaciones asi.

[juaniquillo]

ja, perdón, puse la imagen que no era. Esta es la imagen:

http://ddwebstudios.com/tf/nova/blue...s/blue_sep.gif

no esta repetida ni nada, lo esta puesta la lado izquierdo y centralizado. Este es el CSS:

.box_240px_middle {
background:transparent url(../images/blue_sep.gif) no-repeat scroll left center;
padding:20px 42px 0;
}

[GidHarvey]

muchas gracias juaniquillo, muy rapido y eficaz tu respuesta, se agradece amigo :D

saludos.