[html/css]problem z divami Opcje

[skabszo]

Witam, chciałem wykonać stronę o takim układzie:
http://www.eimg.org/images/963566polo.GIF
spłodziłem więc kod:

Kod

<div width="100%" height="100%">
<div style="padding: 0;margin: 0;background-color:#334422;height:180px;width:271px;float:left;"></div>
<div style="padding: 0;margin: 0;background-color:#ceefff;height:180px;width: 720 px;float:left;"></div>
<div style="padding: 0;margin: 0;background-color:#ffeeff;height:180px;width: %;"></div>
<div style="padding: 0;margin: 0;background-color:#cccccc;width:100%;height:11px;"></div>
<div style="padding: 0;margin: 0;background-color:#bbfbbf;height:385 px;width:660;float:left;"></div>
<div style="padding: 0;margin: 0;background-color:#bbefff;height:385 px;width:%;">
     <div style="padding: 0;margin: 0;background-color:#bb3fff;height: 74px; width: 400px;"></div>
     <div style="padding: 0;margin: 0;background-color:#123ffe;height: 311px;width: 400px;"></div>
</div>
<div style="padding: 0;margin: 0;background-color:#22efff;height:11px;width:100%;"></div>
<div style="padding: 0;margin: 0;background-color:#ee1ff1;width:100%;height:%;"></div>
</div>

jednak jest błąd gdzieś - pomiędzy niektórymi divami wyskakuje mi biały pasek oddzielający jednego diva od drugiego. Co gorsza po wstawieniu grafiki zamiast kolorów pojawiaja sie dodatkowe biale paski, a grafika jest dobrze pocięta;/ coś z kodem jest zle wrr i nie wiem co zrobić;/