title: Emulating CSS3 border-radius and box-shadow in IE7/8
body: <p>I'm working on HTML for a small web application; the design calls for a content area with rounded corners and a drop shadow. I've been able to produce this with CSS3, and it works flawlessly on Firefox and Chrome:</p>
  
  <p><img src="https://imgur.com/GUtiS.gif" alt="CSS3 Version"></p>
  
  <p>However, Internet Explorer 7 and 8 (not supporting CSS3) is a different story:</p>
  
  <p><img src="https://imgur.com/DUdVL.gif" alt="Internet Explorer Version"></p>
  
  <p>Is there an easy, lightweight JavaScript solution that would allow me to either 1) use IE-specific features to achieve this, or 2) modify the DOM (programmatically) in such a way that adds custom images around the content area to emulate the effect?</p>