3カラムデザインのテンプレートは、以下のような部品で構成され、下図の様な構造になっています。
（デフォルト2005グリーンのテンプレートのCSSを参考にしています。全てのテンプレートが同じ構造とは限りませんのでご確認ください。）

#container
#wrapper
#content
#left
#right




それぞれの大きさを指定することで、カラムの大きさを変えることができますが、一歩間違うとサイドバーが落ちまくり、慌てふためく、という事態に陥りますので、CSSのバックアップは必須です。
混乱したら、元に戻しましょう。

#wrapperというのがちょっとわかりにくいのですが、
「左サイドバーと、真ん中部分を包むもの」ということみたいです。

つまり、#leftと#contentの横幅（width）の合計が#wrapperより小さく、#wrapperと#rightの横幅（width）の合計が#containerより小さくないといけないようです。

各部品の横幅（width）を変更してみてください。

各部品の大きさには少し余裕が必要です。
特にFirefoxでは、marginの解釈の仕方などがインターネットエクスプローラーと少し違って、かなり厳密なようですので、変更後はFirefoxでもサイドバーなどが落ちていないか、ぜひ確認してみてください。


横幅をいじって大きくすると、カラムがはみ出したようになるのですが、#containerの背景画像が原因のようです。

↓この部分を/* */でくくって、CSSが反映されないようにします（コメントアウト）。
background:url(http://parts.blog.livedoor.jp/img/usr/new_default_...ｇｉｆ) repeat-y 50% 0;

/*background:url(http://parts.blog.livedoor.jp/img/usr/new_default_...ｇｉｆ) repeat-y 50% 0;*/



枠を広げたい場合は、下記をご参照ください。

• Liquid Pianoの本文のカラムを広げる

• 3カラムデザインの本文の横幅を広くしたい