У меня проблема с кросс-браузерным позиционированием в Firefox.Я использую display: table и display: table-cell.Вот JSFiddle:
http://jsfiddle.net/cSq6W/1/
По сути, если вы откроете это в Safari, Chrome или IE, все <li>
будут центрированы (что я и хочу).Когда вы открываете его в Firefox, все оправдывается слева.
Я пробовал множество решений, чтобы все перестроить, но, похоже, это не работает.Я попытался position:absolute
с left:0
, чтобы начать с общей начальной точки, но даже тогда Firefox <li>
s не были выровнены с другими браузерами.
Причина, по которой я использую display: table-cell, потому что кажется, что его легче контролировать через все браузеры (особенно IE), и он работал на других страницах сайта.Любые идеи о том, почему он будет смещен в Firefox (кстати, эта проблема сохраняется с FF5 до FF10)?