title: Shadow line with images as vertical separator btw DIVs - how to place top and bottom images?
body: <p>I'd like to have a thin "shadow" line between my DIVs, as separator. Since I'd like the shadow line to be thiner and with more opacity at the top and at the bottom, I have created 3 images: middle shadow, top shadow and bottom shadow. Problem: I don't know how to place the "top shadow" image at the top of "middle shadow" and "bottom" shadow at the bottom (without multiple DIVs). I'm attaching an image done in fireworks where you can see and example of the shadow line.Many tks<img src="https://i.stack.imgur.com/bnu2U.jpg" alt="enter image description here"></p>
  
  <pre><code>div#content-center {
      overflow: hidden;
      background: khaki;
      background: transparent url('images/middle_shadow.png') repeat-y top left;
      padding: 0px 0px 0px 50px;
  }
  </code></pre>