DiV nebeneinander

[Dominik]

Hallo!

Ich habe folgendes Problem:

Ich möchte 3 Div Container nebeneinader anzeigen. Was aber nicht funktioniert. wenn die funktion float: left benutze dann verschachteln die sich so komisch ineinander. ich weiß nciht wie ich sie nebeneinander kriegen soll......

hier der code:

<div class='logo'>
<img src='gfx/full_logo.gif'>
</div>

<div class='banner'>
banner
</div>

<div class='info'>
hallo
</div>

hier die css-klassen:

.title {
 border-bottom: 1px solid #0163DC;
 margin-bottom: 25px;
  }

.banner {
 width: 200px;
 height: 100px;
 background-image: url(../gfx/bg/banner.gif);
  }

.info {
 background-image: url(../gfx/bg/info.gif);
 width: 290px;
 height: 213px;
  }

und hier nochmal ein bild:

Kann mir jemand helfen? normalweise funktioniert das wenn ich 3 div container hintereinader platze und die ersten beide mit "float: left" ausstatte das das alle 3 container nebeneinander angezeigt werden... aber hier bin ich ratlos!

vielen dank für die hilfe!

mfg dominik