IE6でレイアウトが崩れたとき、修正が結構めんどうですね。
先日会社でそのことを相談してました。
Firefoxや、Chrome、IEの新しいバージョンならCSSの値をすぐに変更して見た目が調整できるのですが、IE6の場合はいったんCSSを保存して、見た目を確認するしかないからです。
IE6がインストールされていない場合は、IE Testerなどを利用します。
CSSでIE6でダメな場合、大体はpaddingやfloatなどに起因することが多いのですが、先日あった件は、どうもそのあたりの原因を直してみても、行間に空白があいてしまう・・・
というものでした。
原因を突き止めるのに、若干時間がかかりました。
原因は、全角スペースが入っているためだったのです。
DreamWeaverで編集していると、全角スペースを特に表示してくれません。
そのため、生じやすいエラーですね。
CSSで、不具合が生じたとき、エラーの切り分け方法を確立しておいたほうがいいと思います。
ついつい、目先のプロパティの調整でなんとかなるのではないか？と思うと、闇雲に乱発してしまいかねません。
常に思うんですが、川底を闇雲にさらって、砂金を探すような方法は絶対よくないと思います。
とはいえ、常に陥ってしまうワナですよね。
もう少しで、直るかも・・・と思うと。
丁寧に、HTMLのソースコードを該当の箇所らしきところを削っていって、原因を絞り込むほうが結局は時間がかからないでしょう。
なぜCSSではなく、HTMLの方で修正していくのか？なんですが、今回のようにHTMLに原因があることも、ままあるからです。ほかには<colspan>がないとか、終了タグが抜けている、とかいうこともありますから。
まぁこれは私がやっている手法なので、もっとよい方法があるかもしれません。