У меня есть таблица с изображениями внутри a, которые расположены с абсолютным, поэтому они будут прямо на границе каждого столбца.Моя проблема в FF, я выстроил их в линию как раз правильно, и в браузерах веб-набора они сдвинуты вправо примерно на 6-7 пикселей?Любые идеи почему, обычно у меня нет проблем между этими браузерами.И я использую CSS Reset /
РЕДАКТИРОВАТЬ: После дальнейшего рассмотрения кажется, что FF НЕ распознает позицию: относительно таблицы, но будет для DIV.Браузеры Webkit распознают положение: относительно таблицы.Так что в FF позиция была основана на DIV, а в браузерах Webkit она была основана на TABLE.
Кто-нибудь сталкивался с этим раньше ?????
HTML:
<td class="tri-img">
<img class="one" src="img/triangles/triangle20.png" alt="" >
<span class="tri-val one">30%</span>
</td>
<td class="tri-img">
<img class="two" src="img/triangles/triangle20.png" alt="" >
<span class="tri-val one">30%</span>
</td>
CSS:
.tri-graph .tri-col td.tri-img{
position: relative;
color:#ffffff;
}
.wrap-graph.relative img{
position: absolute;
cursor: pointer;
bottom:1px;
z-index: 1;
}
.wrap-graph.relative img.one{
left:53px;
}
.wrap-graph.relative img.two{
left:91px;
}