hacer cabecera

[picasona]

ya lo he conseguido con float. El problema q tengo ahora q en un div está el logo y en el otro el menú en lista, pues bien ¿cómo lo puedo poner en linea? He provado display:inline y no me lo hace. HELP PLEASE.
Envio código de ese trozo:

HTML
div id="cabecera">
<div id="logo"><p><img src="imagenes/logo.jpg" width="116" height="115"></p></div>
<div id="menu">
<ul>
<li><a href="home.html" class="activo">INICIO</a></li>
<li><a href="filmo.html" class="inactivo">FILMOGRAFÍA</a></li>
<li><a href="productora.html" class="inactivo">PRODUCTORA</a></li>
<li><a href="proyectos.html" class="inactivo">PROYECTOS</a></li>
</ul>
</div>
</div>

CSS
/* Estilos cabecera
-----------------------------------------------------------------*/

div#logo {
wight:120px;
float:left;
}

div#menu {
float:left;
wight:457px;
height:120px;
margin:48px 0 0 50px;
}