title: Absolute Positioning inside a table cell in IE
body: <p>I'm having some issues with absolute positioning inside a table cell in Internet Explorer (9 specifically, but I'm sure the issue exists in &lt;9 as well). I'm trying to force a div inside a table cell to take up the whole cell. It was pretty easy in chrome/ff/safari using: </p>
  
  <pre><code>div {
      position: absolute;
      top:0;
      bottom:0;
      right:0;
      left:0;
  }
  
  td {
      position: relative;
  }
  </code></pre>
  
  <p>But for some reason, IE behaves completely differently. I can't get it to give the div a dynamic height based on the table cell at all. <a href="http://jsfiddle.net/x7UP6/2/" rel="nofollow">Here's</a> an example to show what I'm talking about. It works how I need it to in chrome/ff/safari, but it's broken in IE. Is there any way to get it to work the same way in IE? Thanks!</p>