title: CSS z-index issue when inside of table cell
body: <p>I have a calendar/table that when you hover over each day we have a small popup that is absolutely position below each cell. </p>
  
  <p>To make this work I have added a <code>&lt;div style="relative" /&gt;</code> inside each cell. Works fine in FF although when you hover over it in IE the z-index is being ignored. </p>
  
  <p><img src="https://i.stack.imgur.com/b4BaX.jpg" alt="enter image description here"></p>
  
  <p>I have tried all of the hacks I can think of to get it to work in IE 7 + 8. </p>