Не работает overflow:hidden

[Brianna]

Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/

html:

<div id=main1> 
<div id=left_col_back> left col</div>
<div id=main_col> Main col </div>
<div id=right_col_back> rigth col </div>
</div>

css:

#main1 {
position: absolute;
left: 50%;
top: 0px;
width: 1px;
height: 100%;
background:#6cdec7;
}
#left_col_back {
position: absolute;
left: -628px;
top: 0px;
width: 128px;
height: 100%;
overflow: hidden;
background: url(back_left.png) repeat-y;
}
#right_col_back {
position: absolute;
width: 128px;
height: 100%;
left: 500px;
top:0px;
overflow: hidden;
background: url(back_right.png) repeat-y;
}
#main_col {
position: absolute;
left: -500px;
width: 1000px;
height: 100%;
top: 0px;
}

[Dimitry Wolotko]

mmm Проблемы с в?рсткой

[bot87]

попугай!!!

[Searcher]

Вроде все работает как надо... В каком броузере смотрите?

[sigma77]

Вроде все работает как надо... В каком броузере смотрите?

Эмм.... теме вроде как уже почти два года....

[psywalker]

Вроде все работает как надо... В каком броузере смотрите?

Эмм.... теме вроде как уже почти два года....

Да, тему закрываю.