Float:left; en dan onder elkaar

Ik heb nu dit:

#header{
    background-image:url(images/header.gif);
    width:603px;
    height:145px;
    margin-left:97px;
    margin-top:0px;
    float:left;
}
#stats{
    background-image:url(images/stats.gif);
    width:203px;
    height:145px;
    margin-left:0px;
    margin-top:0px;
    float:left;
}
#left{
    background-image:url(images/left.gif);
    width:3px;
    margin-left:97px;
    margin-top:0px;
    float:left;
}

en nog een stuk maar dat hoeft er niet bij
en die #left moet onder #stats
maar die #left moet ook naast andere dingen
hoe doe ik dat?

die #left zet je samen met die andere dingen in een aparte div en die zet je onder #stats

En hoe bedoel je dat?
zo:

<div id="header"></div>
<div id="stats"></div>
<div id="left"></div>
<div id="bla"></div>

nee

<div id="header"></div>
<div id="stats"></div>
<div id="blabla"><div id="left"></div><div id="naastleft"></div></div>

#blabla hoef je dan geen float left mee te geven maar #left en #naastleft wel

ow zo kan het ook ja EDIT
Dat werkt ook niet want die stats zijn ook al met float:left; gedaan
dus dat stukje eronder die blabla moet dan ook met float:left; mee gegeven worden anders is het weer zo dat dat ding onder die stats te staan komt