html - Fluid Header, Footer and 3 columns CS layout (Cross browser) -

i need css code , html cross browser css layout (ie7+) header, footer , 3 columns (midde/left/right) middle section. want main (see illustration) have flexible width, both sidebars fixed width (e.g. 200px). don't want sidebars collapse down when shrink window.

the main div have minimum width, let's 800px.

all elements should have fluid height.

thanks

check fiddle accordion center http://jsfiddle.net/pduxc/7/

for full example click here http://jsfiddle.net/pduxc/14/

body {     margin: 0;     padding: 0;     overflow: hidden; }  .sidebarleft {     width: 100px;     height: 350px;     background: red;     top: 0;     left: 0;     position: absolute;     z-index: 7; }  .sidebarright {     width: 100px;     height: 350px;     background: red;     right: 0;     top: 0;     position: absolute;     z-index: 6; } .main {     width: 100%;     height: 350px;     background: green;     position: absolute;     z-index: 5; }