fondo en div se oculta con float...

Hola Buenas Tardes a todos!

Necesito poner una imagen en el fondo de un div que tiene un menu en imagenes lo cual lo hago pero no se ve... las imagenes son png transparantes, despues de muchas pruebas me doy cuenta que al quitar el float se ve perfectamente la imagen de fondo, pero calro se desacomoda todo.... Me pueden ayudar?

Este es el codigo del div....

<div id="menu" class="centrado">
<div id="logo" style="width:17.90%; float:left"><a href="index.html"><img src="img/menuGrande/1-logo.png"></a></div>
<div id="esp" style="width:12.10%; float:left"><img src="img/menuGrande/2-espacio.png"></div>
<div id="nosotros" style="width:10.10%; float:left"><a href="nosotros.html"><img src="img/menuGrande/3-nosotros.png"></a></div>
<div id="lookbooks" style="width:11.37%; float:left"><a href="lookbooks.html"><img src="img/menuGrande/lookbooks.png"></a></div>
<div id="locales" style="width:9.09%; float:left"><a href="locales.html"><img src="img/menuGrande/4-locales.png"></a></div>
<div id="prensa" style="width:9%; float:left"><a href="prensa.html"><img src="img/menuGrande/5-prensa.png"></a></div>
<div id="premios" style="width:9.63%; float:left"><a href="premios.html"><img src="img/menuGrande/6-premios.png"></a></div>
<div id="contacto" style="width:10.09%; float:left"><a href="contacto.html"><img src="img/menuGrande/7-contacto.png"></a></div>
<div id="facebook" style="width:6.09%; float:left"><a href="aaa"><img src="img/menuGrande/8-facebook.png" title="Facebook"></a></div>
<div id="picassa" style="width:4.63%; float:left"><a href=aaa"><img src="img/menuGrande/9-picassa.png" title="Cat&aacute;logo"></a></div>
</div>

y este el fragmento que corresponde al menu...

#menu {
margin: 0 auto;
background-image: url(../img/finales/gks.png);
background-position:top right;
background-repeat:no-repeat;
}


@media (min-width:1100px) {
#menu {
width: 1100px;
}
}

Muchas gracias por lo que puedan aportarme! Saludos

El contenedor que tiene elementos contenidos flotando no toma el alto de esos elementos. Tú tienes todos los elementos flotando, por lo tanto, el contenedor tiene alto cero.

Prueba lo siguiente. Como último elemento dentro del <div> contenedor pones:
<div style="clear: both;"></div>

Muchas gracias por tu tiempo DriverOp, no logre que funcione, entonces lo encare por aca...

<style type="text/css">
body {
margin-top: 0px;
background-image: url(img/finales/gks.png);
background-repeat:no-repeat;
background-position:top right;
}
</style>

funciono! Al menos lo visual.... Necesitaria que esa imagen lleve un link... Me echan un cable por favor! Saludos y gracias de nuevo

Es que desde el principio la solución que has adoptado no está bien, no es la óptima.

Parece que la idea es tener un menú en horizontal que cambie a vertical cuando el contenedor lo permita.

Y para eso, en vez de floats, deberías tener los elementos internos en display: inline-block;