dos capas del mismo tamaño

[makesurfer]

Hola gente!!!.. la verdad.. me siento bien feliz por que ya estoy aprendiendo css y estoy conociendo las ventajas que ahi de usarlo.. pero como no todo es perfecto y mas en un aprendiz.. xD.. tengo una gran duda.. xD

estoy poniendo dos capas en linea.. una es un buskador yla otra es el menu

pero no hayo como hacer de la k las dos tengan el mismo tamaño.. si alguien sabe se lo agradeceria :)

Código HTML:

<div id="menu">| Comida&amp;Caf&eacute; | Antros | Hoteles&amp;Moteles | Transportes | Diversi&oacute;n | Emergencia | Salud | Ropa |</div>
<div id="buscar"><form action="busqueda.php" method="get" name="Buscar"><input name="textobuscar" type="text" size="30" maxlength="100" />
    <input type="submit" name="enviar" value="Buscar" />
</form></div>
<div id="cleador"></div> 

Código:

#menu , #buscar {
	display: inline;
	background-color: #E77817;
	background-image: url(imagenes/_degrbut.gif);
	background-repeat: repeat-x;
	padding: 5px;
	height: 30px;
	vertical-align: text-bottom ;
}

#menu{
	width: 670px;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: .01em;
}

#buscar{
	width: 278px;
	float: right;
}

#cleador{
	clear: both;
}

ese es el codigo

gracias