Ребятушки помогите.
Не раз замечал проблему с Фоксом, он как ненормальный сдвигает текст чуть ниже других браузеров. Как будто margin-top неравен нулю....

вот код:

CSS:

.hl_2{ display:inline;}

ul{padding-left: 0px;
    margin-left: 7px;}

.hl_2 a
{
	-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;

	padding-top: 7px; padding-bottom: 7px;
	padding-right: 12px;
	padding-left: 12px;

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
font: 19px abc; color:#fff; 
text-decoration:none
}
.hl_2 a:hover{color:#aaa;text-decoration:none; background-color: #f00;}
.hl_2 li{display: inline-block}


HTML:

<table border="0" width="980" height="44" cellspacing="0" cellpadding="0">
   <tr>
      <td>
         <ul class="hl_2">
				<li><a href="!#">Лудшее</a></li>
				<li><a href="!#">Клуб Движок</a></li>
	  </ul>
      </td>
   </tr>
</table>

Знаете, margin: 0px - не помогает.
По идеи, по вертикали текс должен стоять ровно.
Вот картинка проверенная на пол. версиях браузера.

Проверь vertical-align и line-height

Тут вроде не сдвигает
http://jsfiddle.net/BaNru/c2F5e/

PS луДшее?! Это серьезно или шутка?

Хмм.. нет не шутка, причем проблему эту встречал ни раз.
Проверил у себя ссылку http://jsfiddle.net/BaNru/c2F5e/ Тоже всё ок...
Но в моей версии v3.dwijok.ru всё по прежнему...

Также проверял:


все значения предлагаемые dw, результат, либо сдвиг вверх, вниз, или криво по середине.

Посмотрите в firefox у себя - v3.dwijok.ru

Немного сам начинаю вникать в ситуацию.
Так я объясню скелет, то что я хочу сделать:



Из-за Картинки находящиеся в первом <tr height="93">, происходит давление на второй <tr height="44">

код:

<table border="0" width="980" height="137" cellspacing="0" cellpadding="0">
	<tr height="93">
		<td>
						
			<table border="0" width="980" height="93" cellspacing="0" cellpadding="0">
				<tr>
					<td>
						<img src="/bin/images/list/logo.png" border="0" />
					</td>
				</tr>
			</table>
		</td>
	</tr>
        <tr height="44">
		<td>
			<ul class="hl_2">
				<li><a href="!#">Движения</a></li>
				<li><a href="!#">Калейдоскоп</a></li>
				<li><a href="!#">Акции</a></li>
				<li><a href="!#">Только лудшее</a></li>
				<li><a href="!#">Клуб Движок</a></li>
			</ul>
		</td>
	</tr>
</table>

Давит он из за картинки. Если её убрать, все ок.
НО, всё работает и так, кроме FireFox-а

Всё правильно ты начал копать: поставь ссылке, в которой лежит эта картинка display: block

Ох, спасибо. Везде вылазит какая-нить хренька которая не даёт спать программисту.

<a href="http://v3.dwijok.com/" style="display: block"><img src="/bin/images/list/logo.png" border="0" /></a>

Помогло.

Опоздал с ответом. Но надеюсь пример мой будет полезен на будущее для понимания в чём отличие этих браузеров.

http://jsfiddle.net/c2F5e/12/

внимание на див с классом flagakcij в разных браузерах

Kopipaster, как я понял, в FireFox 3-ий div (то самый flagakcij) не замечая 2-го, позиционируется от 1го.

Ну пример довольно наглядный. Только ты не обращай внимание на дивы это может и картинка быть в таблице, которая в свою очередь ещё где то.

А я не понял примера.
Где связь между относительными и абсолютными позиционированием слоев
и проблемой asstral, у которого проблема в display

У него проблема была в том, что A отрабатывался как inline объект со всеми вытекающими.

.product-table-img{
			display: table-cell;// меняешь на block
   			height: 204px; width: 140px;// или width: 160px;
    		position: relative;
    		vertical-align: middle;
            background-color:#CCC;

С этого и надо было начинать.
Ты думаешь тут все экстрасенсы?