Проблемы с выравниванием в Firefox

Question

У меня проблема с выравниванием в Firefox с моей таблицей.В Chrome / IE это выглядит правильно.Что-то не так или мне нужно добавить «FF Fix»?

Похоже, маленькая точка в нижнем правом углу каждой ячейки (в chrome / т.е.) находится в нижнем правом углустраница в ФФ.Однако на странице в реальном времени она находится где-то в верхнем правом углу экрана.

http://jsfiddle.net/P3JnP/5/

ПРИМЕЧАНИЕ. - Кажется, в Safari тоже не работает.

Answer 1

Вот идея, которая у меня есть.Поместите div внутри каждого TD и сделайте его относительным.Оберните это деление вокруг вашего числа и точки и укажите полную высоту и ширину ячейки.Примерно так:

<td class="td_time">
   <div class="time-wrapper"><div class="time"></div><span class="time_note"></span>     
   </div>
</td>

CSS:
.time-wrapper
{
width:100%;
height:100%;
position:relative
}

Это должно это исправить.Также вы должны быть в состоянии вывести «относительную» позицию из класса td_time.

Answer 2

См. Ниже скрипку:

Скрипка: http://jsfiddle.net/P3JnP/11/

Демонстрация: http://jsfiddle.net/P3JnP/11/embedded/result/