Div внутри Div

[TLD]

Доброго времени суток.

Появилась проблема, есть резиновый макет из трех колонок:

Стиль:

/* Основной контент */
 #cnt {
 margin-top: 10px;
 }
 #cntl {
 margin-right: 10 px;
 width: 180px;
 float: left;
 }
 #cntr {
 margin-left: 10px;
 width: 250px;
 float: right;
 }
 #cntc {
 height: 200px;
 }

Код:

<div id="cnt">
 <div id="cntl"> Содержимое левой колонки </div>
 <div id="cntr"> Содержимое правой колонки</div>
 <div id="cntс"> Содержимое центра</div>
</div>

Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого слоя (abt - он в центре) устанавливается не ширине самого центра, а ширине страницы. (т.е. налазиет на соседние блоки). Причем в IE 5,6,7 все нормально, а во всем другом непорядок

Стиль:

#abt {
 margin-left: 5px;

 }
 #abtl {
 margin-right: -3px;
 width: 52px;
 height: 29px;
 float: left;
 }
 #abtr {
 margin-left: -3px;
 width:16px;
 height: 29px;
 float: right;
 }
 #abtc {
 height: 29px;
 background-image: url("i/a/2.gif");
 }

Код:

<div id="abt">
 <div id="abtl"><img src="i/a/1.gif" alt="О нас"></div>
 <div id="abtr"><img src="i/a/3.gif" alt="О нас"></div>
 <div id="abtc"></div>
</div>

Как можно решить данную проблему???

[Vlad]

А что у нас с доктайпом?