２カラムのデザインの物を３カラムに作り直したいのですが・・

ビーズアップという種類のデザインを、２カラムから３カラムに変更したいのですが、上手く３カラムになりません・・
素人ながらに色々調べて、まず適当に３カラムのデザインに設定してからスタイルシートの部分だけビーズアップの物に変更し、

修正前の例)
#content{
width:480px;
float:left;
}

修正後の例)
#content{
width:310px;
float:left;
}
#right{
float:left;
width:180px;
}
#left{
width:180px;
float:right;
}
#wrapper{
float:right;
width:500px;
}

過去の質問で↑のように変更すればよいと回答があったので、
contentの部分にコピペして変更してみたのですが、
両サイドバーが左下に落ちてしまっています。
ビーズアップに合った数値を記入しないと上手くいかないのでしょうか・・

どなたかご指導頂けるとうれしいです