Grid - Wer kann mir behilflich sein?

[InComplete]

Hallo meine Lieben,

ich würde gerne ein Grid erstellen, allerdings habe ich damit bisher noch keine Erfahrungen sammeln können:

Das Grid soll im Grunde, wie das normale Startseite-Grid aussehen. Allerdings mit 4 oder 5 Boxen über den restlichen "Widgets".

Damit man es versteht, hier eine kleine Skizze


grid.jpg

Die Boxen am besten
a) 4x 25% Breite
b) 5x 20% Breite

Vielleicht weiß jemand, wie ich das am besten realisieren kann

[InComplete]

So, ich habe nun folgenden Code:

<div id="doc3">
    <div id="hd">
        <div class="yui-u yui-header">
            <ul style="width:24%;float:left" class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>    
            <ul style="width:24%;float:left" class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
            <ul style="width:24%;float:left" class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
            <ul style="width:24%;float:left" class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>            
        </div>
    </div>
    <div id="bd">
        <div class="yui-g">
            <div class="yui-tvb-l25 first yui-panel">
                <ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
            </div>
            <div class="yui-tvb-l50 first yui-panel">
                <ul class="list_no_decoration widget_list" id="widgetlist_column6">$column[6]</ul>
            </div>
            <div class="yui-tvb-l25 first yui-panel">
                <ul class="list_no_decoration widget_list" id="widgetlist_column7">$column[7]</ul>
            </div>
        </div>
    </div>
    <div id="ft">
        <div class="yui-u yui-footer">
            <ul class="list_no_decoration widget_list" id="widgetlist_column8">$column[8]</ul>
        </div>
    </div>
</div>

Problem dabei ist, das es nur theoretisch funktioniert.

So schaut es praktisch aus:
http://s1.bild.me/bilder/060112/1941789Unbenannt.png

So sieht es laut Layout-Manager aus:
grid.jpg

Weiß jemand wo da der Fehler im Code liegt?