３カラムのサイドバー表示

左のサイドバーが下にずれて表示されます。
どうすれば直りますか？

#blogcontainer{
width:865px;
margin:5px auto 0;
padding-bottom:30px;
background:url(http://image.blog.livedoor.jp/teramoevip/imgs/d/a/da0e78e6.gif?blog_id=1839982) repeat-y 50% 0;
}

#wrapper{
width:685px;
float:left;
text-aling:center;
}

#content{
width:505px;
float:right;
text-aling:center;
}

#blog{
width:495px;
margin:0 auto;
text-align:left;
}

#lefttop,#righttop{}

#left{
width:230px;
float:right;
text-align:center;
}

#right{
width:215px;
float:left;
text-align:center;

本文とサイドバーはそのまんまで修正すればいいんでしょうか?

#container{
width:971px;

#blogcontainer{
width:950px;

#wrapper{
width:735px;

この数値でサイドバーは落ちなくなるかと思います。


サイドバー広げた分が外枠にプラスされてないのがデザインくずれた原因です。
若干違うタイプですが、以下の図を参考にして下さい。(#blogcontainerは#containerのすぐ中にあると思って下さい)


なお背景ずれますので画像編集ソフトで調整は必要です。