Проблема с CSS

zakysj50

Возникла проблема с разметкой в CSS.
Я создала в файле CSS 2 клетки определенного размера, вставила туда картинки точно таких же размеров, но в explorere края клеток выглядывают из-за картинок, в мазиле все отображается нормально
Как можно решить такую проблему?
Вариант выкинуть эксплорер по понятным причинам не пройдет...
Цель такой точности, чтобы совпали рисунки из разных клеток (потом клетки будут залиты определенным рисунком, залила цветами, чтобы было лучше видно проблему).
Кусок из CSS:

#right {
background:#FFF000;
margin:0px;
width:32px;
height:100%;
float:right;} (желтая клетка)
#top {
background: url(images/research_01_02.jpg) #777777;
margin:0px;
height:80px;
padding:0px;}(серая клетка)

SCIF32

Странно, что padding: 0 у тебя только для одной ячейки.
Код html страницы ты не запостила, так что ничего не ясно.
Конкретно в css кроме padding есть, например, параметры
border
border-collapse
margin
которые также отвечают за то куда сместится ячейка таблицы.
попробуй их все занулить.

zakysj50

Это в HTML:
 

<div id="right" style="width: 11px; height: 224px">
<img border="0" src="images/research_01_05.jpg" width="32" height="81" align="left">
</div>
<div id="top">
<img border="0" src="images/research_01_01.jpg" width="418" height="80">
</div>

padding: 0px; - ничего не меняет
margin и так 0 стоит.
а с border и border-collapse что делать? тоже приравнять 0?

kruzer25

а с border и border-collapse что делать? тоже приравнять 0?

Насчёт border-collapse итп тебе написали, потому что из твоего первого поста можно подумать, что у тебя это ячейки таблицы.
А вообще - так с ходу непонятно, почему не работает... а если у top убрать height, всё каким-то магическим способом меняется (хоть и совсем не так, как тебе надо).
В общем, читай msdn/w3 по этому поводу...

zakysj50

msdn/w3

а что это?

Helga87

msdn
w3

zakysj50

ой, лучше я в таблице сделаю - там таких проблем нет...