３カラムのデザインで、本文の文字サイズを小さくしたら、三つのカラムの位置がずれた。

>>1,2
皆様、根気強く、コメントありがとうございます。今さっき、もう一度、全く初めから「オレンジ（３カラム）」を選びなおす段階からやってみました。そして、本文の文字サイズだけ変更をやってみましたが、結果は同じでした。まったくお手上げです。

>>2
そうですね、再度新たに質問をすることはなかったようでした。すみません。確かに、サイトを提示した方がよいようです。URLアドレスでいいのでしょうか。わたしのサイトは
http://blog.livedoor.jp/asianbreeze/
です。画像も結構挿入してます（ただ、カラムがくずれるほど大きなサイズではないと思います。初めに、大きなサイズを挿入して、カラムがすこし変形したことがあり、サイズには気をつけているつもりですが…）。あと、サイドバーを少し使っているので、このデザイン本来の設定というか大きさに合わないのかなー、とか素人的に思ったりしてますが…。よろしくお願いします。

画像の表示形式が問題かもしれません。
<br>を多用してある部分が見られますが、これはしない方がいいです。

<center><img width=330 height=248 alt="画像の説明" src="画像のURL" border=0></center>

という形に全て統一された方がいいかもしれません。

とりあえず、トップページの記事表示件数を減らして、トップページの記事だけでもこの形に統一して、CSSの変更をされてみて下さい。

前回質問のリンク先にも書いておりますように、x-smallだとIE以外のブラウザで文字が小さくなりすぎます。
12pxに指定される事をおすすめいたします。

width=330 height=248 はそれぞれの画像の幅と高さにされて下さい。

皆様、解決しました。何度もコメントを頂きありがとうございました。ただ、なぜ解決したかが、きちっとわかってないことに不安は残りますが…。「文字を小さくするのは、おすすめしません」というクエンさんのアドバイスもあり、文字が小さくできなければ、せめてもう少し読み易いようにと、行間を120％から150％に変更しました。その後、トップページの一つ目の記事に挿入してある写真をセンタリングで中央にくるようにしました。でも、この記事だけで、トップページにある他の記事の写真は左寄せのままです。その後、クエンさんの、他のページも見てみたほうがよいのでは、ということで、もう一度、本文の文字サイズをスタイルシート上で小さく設定したところ、今度は、画面上のデザインもくずれず、文字も小さくなり、トップページ以外のページも問題ありませんでした。とりあえず、解決しました。お騒がせしましたが、ありがとうございました。

文字のサイズをsmallやx-smallで指定するのはおすすめしませんが、12px固定にするのはインターネットエクスプローラーとそのほかのブラウザの文字の大きさが統一されますのでむしろ望ましいと思います。

今回の表示崩れは原因ははっきりしませんが、左寄せ+<br>多用は今後避けられた方が良いかもしれません。

・左寄せ
<div align="left"><img src="画像のアドレス" width="幅" height="高さ" alt="画像の説明"></div>

・中央寄せ
<div align="center"><img src="画像のアドレス" width="幅" height="高さ" alt="画像の説明"></div>

・右寄せ
<div align="right"><img src="画像のアドレス" width="幅" height="高さ" alt="画像の説明"></div>

が良いかもしれません。
ご参考にされてみて下さい。