<div class="all">
<div id="one"></div>
<div id="two"></div>
<div id="allright">
<div id="three"></div>
<div id="four"></div>
</div>
</div>
(обязательно добавьте фигурные скобки, иначе работать не будет!)
.all
height:50px;
#one
float:left;
background:green;
width:100px;
height:50px;
#two
float:left;
background:blue;
width:100px;
height:50px;
#allright
height:50px;
margin-left:200px;
#three
float:left;
background:black;
width:50%;
height:50px;
#four
float:left;
background:olive;
width:50%;
height:50px;