В 6IE Выскакивает таблица из <div>-а

[N-Mak]

Здравствуйте, возникла передо мной проблема, которую никак не могу решить самостоятельно.

Имеется шаблон с фиксированной шириной правой и левой колонок и резиновой центральной. Сделано так: три

-а, правый и левый float-нутые в соответствующие стороны, центральный position: relative.

Вот они:

#main {
 position: relative;
 clear: both;
 width:100%;
 padding-bottom: 52px;
 overflow: hidden;
 }
#left {
 float: left;
 width: 260px;
 background-image: url(images/left_fon.jpg);
 background-repeat: repeat-y;
 margin: 0;
 padding: 0;
 }
#right {
 float: right;
 background: url(images/right_fon.jpg) repeat-x;
 margin-top: 30px;
 width: 250px;
 }
#content {
 position: relative;
 background-image: url(images/modul_top.jpg);
 background-repeat: repeat-x;
 background-position: 0 30px;
 margin-left: 260px;
 margin-right: 250px;
 padding-right: 20px;
 padding-left: 20px;
 }
<div id="main">
 <div id="left"> </div>
 <div id="right"> </div>
 <div id="content"> </div>
</div>

В слой content я помещаю таблицу:

В ячейках таблицы содержание:

Ссылка

Текст, текст, текст, текст

Вот ЦСС:

.iacheika {

position: relative;

margin: 2px;

padding: 5px;

border: 1px dotted black;

background-color: #FEFEFE;

}

Результат отличный везде кроме 6-ого Осла. Даже в 7-ом все отлично. А в 6-ом таблица падает вниз, а div class="iacheika" прыгает то в левый верхний угол слоя main, то возвразается в ячейку таблицы. Если задать слою center фиксированную ширину, или хотя бы ширину в процентах - таблица перестает падать, но "iacheika" продолжает свой свободный полет.

Пробовал задавать отрицательные padding'и окружающим слоям - не помогает. Положительные - тоже. Вроде перепробовал все возможные отступы - реакции никакой. Сложность еще в том, что я не могу указать ни в процентах, ни в пикселях ширину слоя content - он резиновый и в разных разрешениях экрана занимает разный % ширины.

Подскажите, пожалуйства какой-нибудь хак...

[maddogrts]

tab.table {width: 98%; border-collapse: collapse; margin-top: 15px; margin-bottom: 5px; font-size: 100%; overflow:hidden}

tab.table {zoom:1;} /*for ie*/

Я так решал эту проблему

[klierik]

а зачем для центрального блока релатив? о0 о0 о0

[N-Mak]

maddogrts, спасибо, попробую. Только не очень понятно что такое tab

klierik, мне впоследствии скорее всего потребуется абсолютно спозиционировать в нем блок.

[klierik]

Только не очень понятно что такое tab

в данном случае tab являеться классом для table