Prova così, mi sembra vada.
Non ho testato su IE ma dovrebbe andare anche li.

codice:
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div#container{width: 100%;}
div#wrapper{background-color:red}
div#wrapside1{float: left;width: 100%;margin-left: /*200px*/-20%;background-color:#33FFFF}
div#colonna_dx{float: right;width: 20%;margin:0;display: inline;background-color:#CC9999}
div#colonna_sx{float: left;width: 20%;display: inline;
    margin:0 0 0 20%;background-color:#009900;}
div#content{margin: 0 0 0 0;background-color:yellow;height:auto !important;height: 1%}
 div#pulisci{clear:both}
</style>

<div id="container">
  <div id="wrapper">
    <div id="wrapside1">
      <div id="colonna_sx">
	menu1
	

	menu2
	

	menu3
	

	menu4
	

	</div>
      <div id="content">
	Inserire qui il contenuto
	</div>
    </div>
    <div id="colonna_dx">
	colonna di destra
	</div>
	<div id="pulisci"></div>
  </div>
</div>
Studia le differenze che ci sono per capire dove sbagliavi.