css - Overlapping elements involving thead and div

Question

Here's my fiddle showing my existing CSS/html:

http://jsfiddle.net/S8Bne/88/

Here's a screenshot of what I am trying to do:

As you can see, I am trying to get the thead block to display in front of the redShadowBox div. How can I control this?

Answer 1

.geniusPicks .redBoxShadow {margin-bottom: -30px;}