Hola, que tal! Yo tengo el mismo problema y se podría arreglar así salvo que lo que me intersa a mi es que el uno de los divs no cambie de tamaño ya que tiene una imagen de fondo.
Digamos que tengo los siguientes DIVS
Código:
<div style="height:28px; width:500px; position:absolute;">
<div style="background:url(img/topbar2_bg.png) no-repeat left; height:28px; width:100%; float:left;"></div>
<div style="width:5px; height:28px; float:right; background:url(img/topbar_sideright.png) 0px 0;"></div>
</div>
Necesito que uno este al lado del otro, y que el primero se adapte al ancho del parent que va a poder ser redimensionado con js.
Espero que puedan entender lo que quiero hacer y que puedan darme una mano. Gracias.
Cita:
Iniciado por naf 
Entonces lo que deberias hacer es trabajar ambos div con porcentajes para que que asegures de ambos div te cubran la pantalla completa.
Por ejemplo:
#cab_izq{
position:relative;
float:left;
width:60%;
height:80px;
}
#cab_der{
position:relative;
float:right;
width:40%;
height:80px;
background-image:url(../img/cab_lin.jpg);
Ahora, si tu pagina es fija utiliza anchos fijos, pero que la sumatoria de los dos div con cuerden con tu caja contenedora.
Ojalas te sirva