title: Flexible, rounded corner box, with shadow, using images
body: <p>I have this white box that needs to be flexible vertically:</p>
  
  <p><img src="https://i.stack.imgur.com/EBPeq.png" alt="rounded white box"></p>
  
  <p>The fancy rounded corners and drop shadow are essencial:</p>
  
  <p><img src="https://i.stack.imgur.com/jMXJz.png" alt="fancy details"></p>
  
  <p>And the content of the box has to reach the edge of the white all around:</p>
  
  <p><img src="https://i.stack.imgur.com/cLAkf.png" alt="enter image description here"></p>
  
  <p>The problem is, I have very strict restrictions.</p>
  
  <ul>
  <li>I have to use images, no css3 for me. (client request, I know...)</li>
  <li>The background on which the box will be can change color, so ideally we work with transparency in those images.</li>
  <li>The background of the box itself will stay white.</li>
  <li>Browser support is reasonable, so negative margins, z-index tricks are fair game.</li>
  <li><strong>Ideally</strong>, I want to stay away from hacks, .htc scripts and JavaScript influence.</li>
  </ul>
  
  <p>You can tell me if I'm screwed on those restrictions, I don't mind. I would appreciate telling me why though.: )</p>