Problema con diseño simple a tres columnas expandibles

[modeloscanarias]

Hola,
en vez de poner como height 30 px(me imagino que es la altura de la imagen) pon min-height:

<style>
#barraBusqueda {
margin: 0 auto;
background-color:#012e57;
height:30px;
}
#leftContainerSB {
float:left;
background-color:#012e57;
width: auto;
min-height: 30px;
background-image: url(/imagenes/fleco_izq.png);
background-repeat: repeat;
}
#mainContainerSB {
background-color:#fffff;
width: 980px;
padding:0px;
margin:0px;
min-height: 30px;
}
#rightContainerSB {
float: right;
background-color:#012e57;
margin-right: auto;
margin-left: auto;
width: auto;
min-height: 30px;
background-image: url(/imagenes/fleco_izq.png);
background-repeat: repeat;
}
</style>

....tendria que funcionar ya que poniendo o no contenido en los divs, tu impones de que la altura sea de por lo meno 30px