vertical line problem

[ashkaan57]

Hi,
I am trying to put a vertical line between two DIVs that are contianers
for menu and content.
I added another DIV in between them and set the background-image and
repeat-y but it doesn't work.

Any ideas on how I can do this is greatly appreciated.

The general layout is:

<div id="header" (an image for background)
<div id="sitemap">
<div id="vertical-menu"(float:left, width=130px)
<div id="content"(float:left, width:600px)
<div id="footer" (clear:both)

I want to add a line between "vertical-menu" and "content" DIVs, but
not a border. I want to use an image with shadows,...

Thanks.