Bug Gecko relative position on table cells

Gecko does not correctly handle position relative on table cells

HTML

<section class="table">
		<div class="cell">
			<div class="icon"></div>
		</div>	
	</section>

	<p>
		EXPECTED: the yellow square should be positioned at the top left corner of the orange box.
	</p>

	<ul>
		<li>Webkit: OK</li>
		<li>Trident: OK</li>
		<li>Presto: OK</li>
		<li>Gecko: BUG1</li>
</ul>

CSS

.table { width:100%; max-width:320px; padding:20px; display:table; background:green; }
.cell { height:120px; display:table-cell; position:relative; background:orange; vertical-align:middle;  }
.icon {  width:50px; height:50px; display:inline-block; position:absolute; left:0; top:0; content:''; background:yellow; }