Zarovnání logotypu a divu s fotem vedle sebe

Zdravím
Mám problém, mám hlavní(globální div) do kterého chci vkládat další, do levého horního rohu jsem umístil logotyp a vedle něho bych chtěl umístit fotografii, bohužel se mi nedaří to napozicovat korektně a fotografie není nikdy napozicovaná přesně ve všech rozlišeních (při absolutním pozicování), při relativní mi to nikdy nejde vedle sebe..netuší někdo, jak toho dosáhnout a co dělám za chybu?

Zápis HTML je takto:
<div id="content">
<div id="logotyp">
<h1><a href="#">Větší nadpisl</a></h1>
<h2><a href="">Nadpis</a></h2>
</div>
<div id="right_sidebar"><img src="images/img08.jpg" alt="" /></div>
</div>

Zápis CSS je takto:
body {
margin: 0;
padding: 0;
background: #c7e2f7;
font-family: "Arial",Georgia,Times, serif;
font-size: 13px;
color: #2ABFFF;
background-image: url(images/body-bg.gif);
background-repeat: repeat-x;
}

#content {
padding:0px;
max-width:1100px;
height:400px;
margin:0 auto;
background-color: #FFFFFF;
}

#logotyp {
width:180px;
float:left;
height: 180px;
background-image: url(images/logotyp.png);
position: relative;
}
#right_sidebar {
width:740px;
height: auto;
position: relative;
left: 10px;
}

Toto ale funguje jenom při absolutním pozicování..

To jsem udělal předtím..to bylo to první..logotyp float left a foto float right..ale foto šlo stejně do leva..nechápu proč?

Máš pravdu, nyní když se nastavila výška na pevnou hodnotu tak FLOAT zčistajasna funguje výborně..díky za radu.