DIV のレイアウトの問題で困っています。何方かお力をお貸し下されば幸いです。
Dreamweaver CS５を使っています。 OSはWindows７です。
container_DIVの中にHead_DIVとcontents_DIV及びfoot_DIVをレイアウトしようとしています。
そしてcontents_DIVの中に入れ子でleft_side＿DIVとmain_side_DIVを横に並べてレイアウトしようとしています。
問題は、デザイン・モードでmain_side_DIVがleft_side＿DIVの下に表示されてしまいます。
ブラウザー（EI9,Google Chrome, FireFox）で表示させると入れ子のDIVは問題なく期待通りに横に並んで表示されます。最終結果は満足ですが、これでは保守作業の折に大変不便です。
以前は、デザイン・ビューでも期待通りに入れ子の2つのDIVが横に並んで表示されていたのに、ある時から縦に並ぶようになりました。
この原因は何が考えられますか？
DWのHelpの例にならってmain_side_DIVのLeft Marginにleft_side＿DIVの横幅のピクセル数を指定してみましたが、main_side_DIVがその分右にずれるだけで、2つのDIVが横並びになりません。
Helpの説明の中にカストマイズしたレイアウトのCSSはそのページのHeadの中に入れなければいけないようなことが書かれていましたが、この所為でしょうか？ 現在、CSSは外部ファイルに書き出して、Linkして使っています。 外部ファイルのLinkを外して、Head中にのコピーしましたが結果は同じでした。
入れ子にするDIVはIDスタイルにしてありますが、これはClassスタイルの方が良いのでしょうか？
その他色々試してみましたが、うまくゆきません。
考えられる原因に就いてご示唆頂ければ幸です。
問題のWeb]PageのURLは：
http://longhat.fan-site.net/folder_hosomichi/tr_09/page_tr09_01.htmlです。