Блоки сами по себе правильные. Тебе нужно их сделать меньше, таких же размеров как рисунок в самом верху?

Ищи в HTML вот это: Код:

<td id="content">
***
</td> 

После </td>
добавь Код:

<td id="navigation2">
тут вставляй свои div блоки.
</td> 

Открой CSS, найди Код:

#content, #navigation {
vertical-align:top;
} 

Замени на Код:

#content, #navigation, #navigation2 {
vertical-align:top;
} 

По ширине, в Код:

<td id="navigation2"> 

нужно добавить width="155", вот так: Код:

<td width="155" id="navigation2"> 

или можешь открыть CSS
и добавить туда такие строчки Код:

#navigation2 {
width:155px;
} 

А насчет разукрашивания, все должно работать... Ты наверное вставки ul li не правильно вставил...