Llenar espacio horizontal con una div de tamaño fijo y una variable

[francap]

Hola, como dice el títuo tengo en mi encabezado el logo dentro de una div flotado a la izquierda y quiero poner a la derecha del logo otra sección, que ocupe el resto del espacio que queda libre en sentido horizontal.

Pude resolverlo para ff y chrome de la siguiente manera, pero en ie no funca.

Código HTML:

<div id="encabezado">
        <div id="logo">
            <img src="template/img/lOGO.gif" width="224px" height="152px" >
        </div> 
            
             <div id="head2">
                <div id="destacado1">
    
                </div>  
                
                <div class="separador"></div>  
                
                <div id="Buscador">
    
                </div>
                <div class="separador"></div> 
                <div id="destacado2">
    
                </div>
            </div>
    
    </div>
 

Las dos div de las que hablo anteriormente son logo y head2. Luego head dos tiene contenido en 3 divs

Código CSS:

#contenedor{
    text-align:left;
    width:90%;
    height:900px;
    
 
 
}
 
#encabezado{
    height:160px;
    width:100%;
 
}
 
#logo{
    float:left;
    margin-left:0px;
    margin-right:0px;
    background-color:#FFF;
    
}
 
#head2{
    margin-top:10px;
    width:100%;
    height:109px;
}
.separador{
    background-color:transparent;
    height:2px;
}
#destacado1{
    width:100%;
    height:37px;
    background-color:#f99d02;
}
 
#Buscador{
    width:100%;
    height:44px;
    background-color:#cacace;
}
 
#destacado2{
    width:100%;
    height:24px;
    background-image:url(../img/back_destacado2.jpg);
    
}
 

Desde ya muchas gracias por su tiempo.