title: Drawing box shadow around table thead
body: <p>As you can see in this fiddle, <a href="http://jsfiddle.net/S8Bne/64/" rel="nofollow noreferrer">http://jsfiddle.net/S8Bne/64/</a>, I am trying to draw a box shadow around the table  (just the outside out it). The approach that I've taken is to create a div with slightly larger height than the thead area and give it a box shadow. However, I can't quite get it positioned properly. How can I do so?
  <code></code></p>
  
  <p>Any solutions are welcome.</p>