Tilpasse frames til alle opløsninger

Hej,

Jeg har denne CSS-fil:
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
left: 0;
width: 260px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #D7D7D7;
color: white;
background: #545454 url(images/left.gif) repeat-y top right;
}

#framecontentRight{
left: auto;
right: 0;
width: 260px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #D7D7D7;
color: white;
background: #545454 url(images/right.gif) repeat-y top left;
}

#maincontent{
position: fixed;
top: 0;
left: 260px; /*Set left value to WidthOfLeftFrameDiv*/
right: 260px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto;
background: #fff;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 260px 0 260px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

Udfra denne vil jeg gerne have at 'maincontent' er fastlås i midten med en bredde på 770px - og left/right frame derefter tilpasser sig vinduet, alt afhængig af opløsningen. Er det muligt?

På forhånd tak