Cambiar estructura HTML en estructura de 3 columnas

[talmente]

OK, yo te lo mando con medidas en % tu te lo acoplas a lo que quieras:

Código:

 


#contenedor {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #CC99CC;
	float: left;
	position: relative;
}

#contenedor #contenido {
	width: 50%;
	position: relative;
	left: 25%;
	background: #990000;
	float: left;
}
#contenedor #right {
	float: right;
	width: 25%;
	background: #996600;
	clear: right;
}
#contenedor #izq {
	background: #0099CC;
	position: relative;
	left: -50%;
	width: 25%;
	float: left;
}

HTML:
<div id="contenedor">
<div id="contenido"> 
Contenido
</div>

<div id="izq">
menú Izq</div>

<div id="right">
menú derecha</div>
</div>

A ver qué tal