maquetación cabecera con div´s

[bulldog]

Hola, mi duda es un poco mezcla de xhtml y css. Estoy tratando de maquetar una cabecera con div pero no se si la manera en la que lo estoy haciendo es la más correcta y me gustaría saber si me podeis corregir.

Adjunto una imagen de cómo quiero que me quede la cabecera.

Código HTML:

<div id="cabecera">
	<div id="logo">
		<img src="logo.gif" />
	</div>
	<div id="fondo">
	</div>
	<div id="menuca">
		<ul>
                            <li>Opcion</li>                                  
                            <li>Opcion2</li>
		 <li>Opcion3</li>
		</ul>
		<br />
		
	</div>
	<div id="texto">
	     Texto
	</div>

</div> 

Respecto a los estilos, esto es lo que he puesto:

Código:

#cabecera{
text-align: left;
float:left;
width:99%;
height:82px;
border: 1px dashed #CCCCCC;
}

#logo{
text-align: left;
padding:12px 0px 0px 10px;
float:left;
width:12%;
}


#fondo{
width:29%;
background:url(gra/fons_capsalera.jpg) no-repeat;
background-repeat:no-repeat;
height:82px;
float:left;
border:1px solid black;
}

#menuca{
float:right;
width:57%;
text-align:right;
border:1px solid black;
}
#menuca ul{
list-style-type:none;
display:inline;
margin:0px;
}
#menuca li{
list-style-type:none;
display:inline;
}
#texto{
text-align:right;
border:1px solid black;
float:right;
margin-top:22px;
margin-right:10px;
}

A ver si me haceis ver un poco la luz, muchas gracias por anticipado!!

[bulldog]

Se me olvidaba, es posible que el div="menuca" tenga que sobre ponerse sobre el div="fondo", por motivos de longitud del menu.