divs con altura variable

[manel2292]

body
{
margin:0;
width:100%;
height:100%;
font-family:arial;
font-size:12px;
text-align:center;
background-image:url("../img/degradado.png");
background-repeat:repeat-x;
}
a
{
color:black;
text-decoration:none;
}
a:hover
{
color:#565656;
}
input.txtbox
{
border:1px solid;
text-align:center;
}
div#banner
{
border:1px solid;
margin:0 auto;
position:absolute;
height:16%;
padding-top:1%;
width:90%;
padding-right:10%;
background-image:url("../img/banner.png");
background-repeat:no-repeat;
text-align:right;
line-height:30px;
font-size:22px;
font-weight:bold;
}
div#banner a
{
font-size:12px;
font-weight:normal;
}
div#publicidad
{
position:absolute;
width:25%;
top:18%;
background-color:yellow;
border:1px solid;
}
div#buscador
{
position:absolute;
width:50%;
top:18%;
left:25%;
background-color:cyan;
border:1px solid;
}
div#favoritos
{
position:absolute;
width:50%;
left:25%;
right:25%;
bottom:17%;
background-color:red;
border:1px solid;
}
div#modulos
{
position:absolute;
width:25%;
top:18%;
left:75%;
background-color:green;
border:1px solid;
}
div#footer
{
position:absolute;
width:100%;
height:17%;
bottom: 0;
}

quiero que B quede debajo de A independientemente de la altura de A o de las columnas de los laterales.