title: box shadow not rendering over content
body: <p>so this is driving me crazy.  I have two divs, floated left, the bottom one has a drop shadow box shadow, in this JS fiddle  <a href="http://jsfiddle.net/q79Lg/" rel="nofollow">http://jsfiddle.net/q79Lg/</a> the shadow renders correctly, it covers the content, but when I copy literally the exact same thing to a page <a href="http://www.klossal.com/portfolio/index_backup2.html" rel="nofollow">http://www.klossal.com/portfolio/index_backup2.html</a> the shadow doesn't cover the content in the div above.  Why is this happening??</p>
  
  <p>Ultimately I'd like to use it here <a href="http://www.klossal.com/portfolio/index_backup5.html" rel="nofollow">http://www.klossal.com/portfolio/index_backup5.html</a> but it's just the same issue as listed in the first two sources, but I've taken all the other garbage out.  </p>
  
  <p>Thanks so much for helping me.</p>