How to reproduce this image with css
I have a background with a drop shadow and as a static image it is fine but what I would like to do is break it into 3 parts, a top, middle and bottom.
Then using CSS I would like it to be able to put the top with no repeat, the bottom with repeat enough for any text, and then the bottom with no repeat. I cannot seem to get it to work and I am not sure if I have to put each one in its own div as a background-image or what.
Any help would be appreciated,
****I have the three images showing up in three separate divs and my margin and padding are set to 0px but there still exist about a 25px separation between each section.
If I put a 1px solid border around each div then everything comes together. I am lost right now.