Can't setup module positions correct - Joomla! Forum - community, help and support

hi guys, i'm trying create template scratch, can't setup positions correct. have on right side sidebar 3 positions , below 1 horizontal position, above footer (full width). problem when have content in positions in right , in bottom position bottom position not full width because hits right positions ( goes down)..please see attachment see i'm talking about. lot...

there ton of ways accomplish this, here's how (the abridged version):

index.php file:

<div id="rightcolmn">
moduleposition#1
moduleposition#2
moduleposition#3
</div>

<div id="bottom">
moduleposition#4
</div>

template css:

#rightcolumn {
position: relative;
float: right;
width: 250px; /*obviously can change width whatever want or need*/
}

#bottom {
position: relative;
float: right;
width: 100%;
}