Prova questo:
codice:
<style type="text/css">
div#container{width: 100%;}
div#wrapper{background-color:red}
div#wrapside1{float: left;width: 100%;margin-left: -200px;background-color:#33FFFF}
div#colonna_dx{float: right;width: 180px;
    margin-right: 10px;display: inline;font-size: 80%;background-color:#CC9999}
div#colonna_sx{float: left;width: 180px;display: inline;
    margin:0 10px 0 210px;font-size: 80%;background-color:#009900;}
div#content{margin: 0 10px 0 410px;
    height:auto !important;height: 1%}

</style>

<div id="container">
  <div id="wrapper">
    <div id="wrapside1">
      <div id="colonna_sx">colonna di sinistra</div>
      <div id="content">contenuto</div>
    </div>
    <div id="colonna_dx">colonna di destra</div>
  </div>
</div>
Preso da qui:
http://css.html.it/articoli/leggi/56...ni-negativi/2/

Spero sia abbastanza simile...