2 divar bredvid varandra m.h.a. 'position: relative'

Du menar ligga bredvid varandra horizontellt?

<style type="text/css">
.floatleft
{
	float:left;
	width:50px;
	height:50px;
	background-color: #F63;
	border: 1px solid #F30;
}
</style>
<div class="floatleft">1</div><div class="floatleft">2</div>

Mm, det fungerade.
Men det blev ändå inte riktigt som jag vill ha det.

Jag har en centrerad div med fast marginal. Inuti denna div så vill ha ha två div bredvid varandra horisontellt.
Den ene ska ha en fast bredd (till exempelvis en meny) och den andra ska anpassa sig efter hur bred den omslutande diven är (som ju i sintur berr på hur brett webbläsarfönstret är).

Hur gör jag det?

Tackar för det förra svaret dock :bire

Förstår inte riktigt vad du menar, typ så här eller?

<style type="text/css">
#container
{
	width:400px;
	border:1px solid red;
}

#meny
{
	float:left;
	width:100px;
	border:1px solid blue;
}
</style>
<div id="container">
	<div id="meny">meny typ</div> text text
</div>