Hola amigos!!!!
Como puedo hacer para que los div's left y right se me adapten a la altura de center?
Mi codigo es el siguiente:
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 <link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">main
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>
</div>
</body>
</html>
 
#main{
	background-color:#CCCCCC;
	position:absolute;
	float:left;
	width:100%;
	height:100%;
}
#left{
/*     REALMENTE VA UNA IMAGEN DE FONDO DE H:1px W:20px REPEAT-Y */
        background-color:#FFFF00;
	position:relative;
	float:left;
	width:5%;
	height:100%;
}
#center{
	background-color:orange;
	position:relative;
	float:left;
	width:90%;
	height:300px;
}
#right{
/*     REALMENTE VA UNA IMAGEN DE FONDO DE H:1px W:20px REPEAT-Y */
	background-color:#99FF00;
	position:relative;
	float:left;
	width:5%;
	height:100%;
}
 
con este codigo IE no hace nada prácticamente i firefox left y right ocupan el 100% de la altura
 
que alguien me ayude.plissss
he estado leyendo  pero no he visto nada que se parezca a lo mio, que si chequear el explorador y hacer un css para IE y otro para Firefox, pero no hay manera.
 
Muchas gracias 
  
 
