Acomodar contenido en un div

[catpaw]

que tal forer@s

aqui traigo esta duda, quiero lograr algo asi:



actualmente esta asi:



el de la izquierda es una imagen, en el centro ira ya sea una imagen o un banner en flash y el de la derecha sera texto e imagen, ademas quisiera darle la capacidad de que se "reajuste" el tamaño en cualquier resolución y navegador.

este es mi código CSS y HTML:

Código PHP:

  #cabecera{
    background: #07aeb4;
    height: 180px;
    overflow: hidden;
    _height:  1%;    
}

#cabecera_inicio{
    background: url("../images_fondo/header.png") black repeat-x;
    height: 40px;
}

#cabecera_inicio .logo{
    height: 140px;
    float:left;
}

#cabecera_inicio .banner{
    width:40%;
    height:100px;
    float:left;
}

#cabecera_inicio .info{
    font: Georgia, "Times New Roman", Times, serif;
    font-weight:bolder;
    color:#FFF;
    float:right;
    text-align:right;
} 
   

Código HTML:

<div id="cabecera">
	<div id="cabecera_inicio">
		<img src="images_fondo/logo.png" class="logo">
                <img src="publicidad/banner.png" class="banner">
                <span class="info">
        	       TEXTO POR EL MOMENTO
               </span>
	</div>
</div> 

Que propiedades debo añadir o quitar para lograr lo que deseo?


Gracias por su ayuda