title: box-shadow over floating divs
body: <p>I got a problem rendering box-shadows over floating divs!
  Ive tested in chrome and firefox with the same result.</p>
  
  <pre><code>    &lt;html&gt;
          &lt;head&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;div style="float:left; clear: left; background-color: #aaa; -moz-box-shadow: 0px 8px 8px #000; width: 200px; height: 200px;"&gt;
              &lt;/div&gt;
              &lt;div style="float:left; clear: left; background-color: #aaa; -moz-box-shadow: 0px 8px 8px #000; width: 200px; height: 200px;"&gt;
              &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Edit: The div on top doesn't render its shadow on the div below, is there any fix for this problem or do I have to try a different solution?</p>
  
  <p>regards 
  /Joel</p>