Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #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> Как можно решить данную проблему???