3 колонки % const %

[акрил]

Здравствуйте!

Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % const %

например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера

body {
margin: 0px;
padding: 0px;
background-color: #f0f0f0;
}

#main {
border: 1px solid #f00;
width:100;
padding:0px;
margin:0px;
position:relative;
overflow:hidden;
}

#central-block-const {
border: 1px solid #ff0;
width:100px;
margin: 0px auto;
}

#left-block {
border: 1px solid #ff0;
width: 40%;
position:absolute;
top:0px;
left:0px;
margin:0px;
padding: 5px;
}


#right-block {
border: 1px solid #ff0;
width: 40%;
position:absolute;
top:0px;
right:0px;
margin:0px;
padding: 5px;
}

<div id="main">
	<div id = "central-block-const"><BR><BR><BR><BR><BR><BR></div>
	<div id="left-block">
left blockleft blockleft blockleft blockleft blockleft block
	</div>

	<div id="right-block">
left blockleft blockleft blockleft blockleft blockleft block
	</div>

</div>

Спасибо!

Edited November 15, 2011 by акрил

[rash]

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

Возможно, боковые колонки должны иметь не процентную ширину, а занимать доступное место до края окна?