Hola Mikel, muchas gracias por tu atención. Te explico cómo está el tema:
Finalmente pongo la imagen de la izquierda en un DIV con un display:block y un float:left. El problema es que la capa de la derecha, es de menor altura y quiero ponerlo abajo, de tal forma que quede así:
CAPA A
CAPA A
CAPA A CAPA B CAPA B CAPA B
Y sólo lo logro en explorer, en firefox pasa (o me lo muestra a otra altura, o abajo... incluso a veces deja un molesto espacio con el float ya que gráficamente debe ir todo unido).
Te puedo poner código, pero ahora estoy liado a empastres y chapuzas para ver si se soluciona a base de añadir capas, y entre eso y las que tengo puestas para otras cosas arriba es muy farragoso:
Cita: #caberotsec {
width:95%;
border-bottom: 1px solid #c0c0c0;
height:25px;
margin-top:20px;
text-align: left;
margin-left:10px;clear:both;
}
#imgrotsec{margin-right:-5px;margin-bottom:-6px;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 8px solid white;
vertical-align:text-bottom;
height:26px;
width:96px;
display:block;float:left;
}
#menucaberotsec {margin-top:15px;vertical-align:text-bottom;vertical-align:bottom;
clear:right;
}
<div id="caberotsec">
<div id="imgrotsec">
<a href="http://"><img src="logo-cuadrados.gif" width=95 height="26" border="0"></a></div>
<div id="menucaberotsec">
<span class="cabemenunombre">SECCION 1</span><span class="cabemenunombre">SECCION 2</span><span class="cabemenunombre">SECCION 3</span>
</div></div>