elementos flotantes y fondo

[Anaep]

Creo que no lo estás plantando bien. Pero igual te suelto un rollo y no he entendido lo que quiers hacer, pero te cuento.

Imagino que esa imagen es la imagen de fondo del menú, no???

Pues yo lo plantearía así. Yo no soy dada a tanto div, así que los menús los hago con listas. Sólo necesitas una imagen de fondo para todo el menú y luego cada apartado del menu con otra, si es que vas a usar una tipografía en imagen.

Bueno, como me explico como un libro abierto, casi mejor te paso un ejemplo y así lo ves :)

Código HTML:

<ul id="menu03">
  <li id="menu3_ini"><a href="#">inicio</a></li>
  <li id="menu3_pro"><a href="#">productos</a></li>
  <li id="menu3_eje"><a href="#"> ejemplos</a></li>
  <li id="menu3_ayu"><a href="#"> ayuda</a></li>
  <li id="menu3_con"><a href="#">contacto</a></li>
</ul>
 

Código CSS:

#menu03 {
    background-image: url;
    width: 960px;
    float: left;
}
#menu03 li {
    float: left;
}
#menu03 li a {
    line-height: 2.5;
    color: #FFF;
    text-decoration: none;
    float: left;
    width: 191px;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFF;
}
#menu03 li a:hover {
    background-color: #C9F;
}
 

Espero que se solucionen tus problemas

Pero pon sólo una imagen de fondo con el tamaño del menu que quieras y luego juegas con los li, mejor que ir dando a cada div una imagen, vamos creo yo...