Абсолютное позиционирование CSS внутри ячеек таблицы не работает в Firefox
Я не могу понять эту проблему позиционирования в Firefox. Кажется, он не следует правилу абсолютного позиционирования. Есть ли что-то, что я делаю, что не должно быть сделано, но некоторые обозреватели справляются с этим, а некоторые нет?
JS Fiddle:
Оригинал -http://jsfiddle.net/g9qzh/
Обновлено -http://jsfiddle.net/g9qzh/2/
Работает в IE, Chrome, Safari, Opera
Вот фактический код. Дайте мне знать, если я не соблюдаю какой-то стандарт, о котором я не знаю.
HTML:
<table>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
</table>
CSS:
#two {
position: absolute;
top: 0;
}
td {
position: relative;
}
& # x200B; Моя единственная подсказка в том, что есть какое-то другое значение, которое я должен назначитьtd
это заставило бы это работать. В некоторых других вопросах о стекопереработке упоминалось, что Firefox неправильно с этим работает, но я не смог найти ответ. Я пытался присвоить верхнему и левому значениям ноль, но FF не сдвинулся с места.
& # X200B;