title: Drop shadow only on one edge
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5460129/drop-shadow-only-bottom-css3">drop shadow only bottom css3</a>  </p>
  </blockquote>
  
  
  
  <p>With CSS3, how would one make a drop shadow only appear on the bottom edge of a DIV? I would like it to work in FF4, IE9, C10.</p>
  
  <p><img src="https://i.stack.imgur.com/q1gkR.png" alt="drop shadow"></p>
  
  <p>Setting a positive Y-offset doesn't quite look right - I can still see faint remnants of the shadow the other edges and the shadow on the bottom edge is too stiff.</p>