title: Make a box-shadow show over an adjacent floated element
body: <p><a href="http://jsfiddle.net/YQ6PU/" rel="nofollow">http://jsfiddle.net/YQ6PU/</a></p>
  
  <p>Right now, <code>.link</code>'s background is above <code>.main</code>'s box-shadow. How do I make it underneath? </p>
  
  <p>In other words, nothing in <code>.left</code> should be on top of the box-shadow.</p>
  
  <p>Ideas?</p>