Positioning problems in Firefox? position:relative for a display:table element

Question

i\'m experiencing the weirdest positioning problem that appears only in firefox.

My HTML:

Answer 1

If you change display:table to display:block throughout, it renders fine as you can see here. Is there a reason you're using display:table?