很囧的布局。求助

有一html结构如下。
<div id="header">头部</div>
<div id="main">
<div id="center">中间部分</div>
<div id="left">左边</div>
<div id="right">右边</div>
<div>
<div id="footer">底部</div>
要求：
整个html满屏显示。左右两边宽度固定为170px；中间宽度之适应
三列高度相同任意一列内容增加其它两列高度也增加。

#center
{
float:left;
width:100%;
margin-right:-340px;
}