div verständnisproblem

[yunghe]

Hallo,
versteh folgendes nicht hab divs der struktur
<div id="container">
<img src="grafik/header.jpg" width="745px" id="bild" alt="header">
 <ul id="navigation">
        <li><a href="">Gästebuch</a></li>
        .........
 </ul>
 <div id="welcome">blabla</div>
 <div id="info">bla sülz</div>
</div>

nun meine frage wenn ich für #container eine hintergrundfarbe/einen Rahmen definiere, bin ich davon ausgegangen, dass der Rahmen die beide "innen-divs" auch umschließt und die hintergrundfarbe von container auch auf welcome und info angewendet wird, da diese ja in container liegen. Warum ist das aber nicht so??

#info{
 border-left:1px dashed #666666;
 margin-top:1em;
 height:400px;
 float:right;
 padding-left:1em;
}
#welcome{
 margin-top:1em;
 float:left;
 border:none;
}
#container{
 width:750px;
 border:1px solid #000000;
 padding:0;
 margin:auto;
 background-color:#FFFFFF;
 padding:0.5em;;
 color:#000000;
 font-size:0.99em;
}

MFG