title: Positioning context on table-cell element in Firefox
body: <p>Usually, we can set a parent element to be the context for a child's <code>absolute</code> positioning, as follows:</p>
  
  <pre class="lang-css prettyprint-override"><code>#parent {
      position: relative;
  }
  
  #child {
      position: absolute;
      top: 0;
      left: 0;
  }
  </code></pre>
  
  <p>This all works fine, but when the parent has its <code>display</code> property set to <code>table-cell</code>, it doesn't work in Firefox. The positioning context for the child element will be the closest positioned ancestor above its parent.</p>
  
  <p>Of note, this works <em>everywhere</em> else. Tested in IE8, IE9, Safari, Chrome &amp; Opera.</p>
  
  <p>See the fiddle here: <a href="http://jsfiddle.net/RZ5Vx/" rel="nofollow">http://jsfiddle.net/RZ5Vx/</a></p>
  
  <p>Also, see <a href="http://jsfiddle.net/RZ5Vx/1/" rel="nofollow">this fiddle with the parent's <code>display</code> set to <code>inline-block</code></a>, which does work in Firefox.</p>
  
  <hr>
  
  <p>So, is this a bug? If so, is there anyway to work around it?</p>