hola gracias por la respuesta
, hice el truco q me dijistes pero igual ,la caja de la derecha me sale abajo y la caja del centro a la izquierda, esta bien poner a la caja del centro float:left??, bueeno a ver si me pueden ayudar, una pregunta adicional a todo esto,si no puedo poner el heigth 100% entonces como calculo el alto, me gustaria q las columnas verticales crescan a la misma proporcion siempre y q no se me descuadren cuando en una haya mas alto???
Te adjunto el codigo css y el html de nuevo , gracias por la paciencia
CSS
body {
background : #C0D9D9 ;
background-image : url(images/f2.gif );
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
text-align: center;
}
#Madre { text-align:left;width:90%; margin:0 auto;
}
#cabeza{top:0;left:0; width:100%;
background-color:#FFFF00;}
#Izquierda {float:left; *w\idth:19%; width:20%;
background-color:#FF6633}
#Central { float:left; width:60%; background-color:#0033FF;}
#Derecha { float:right; *w\idth:19%;width:20%;
background-color:#33FF00; }
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="estiloborrar.css">
<link href="estiloBorrar2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Madre">
<div id="cabeza"><img src="gif/cabeza.gif"></div>
<div id="Izquierda">xxxxxxxxxxxxxxxxxx</div>
<div id="Central">xxxxxxxxxxxxxxxxxxx </div>
<div id="Derecha"> xxxxxxxxxxxxxxxxx </div>
</div>
</body>
De antemano gracias por sus respuestas amigos