Problem med positionering av divar

Jag har kört fast i "float" träsket- Jag vill rada upp tre divar på varandra i höjd och bredvid dom en DIV på höger sida.

Men det blir fel hur jag än gör? Vad gör jag för fel? Följ denna länken.

Vilka av dem är det du vill ha ovanför varandra, och vilken vill du ha till höger?

#mainTop, #mainContent och #mainBottom skall ligga på varandra. #mainContent skall vara expanderbar i höjdled. #navigation skall vara positionerad till höger. Också den expanderbar i höjdled då den kommer innehålla en meny som byggs dynamiskt från en databas.

Sätt float:right på #navigation.