文字化け、ずれを何とかしたいです
こんにちは。Windows MEを使って、HTMLでホームページを作っています。
左側にメニューがあり、
<div class="menu">
<ul class="menu">
<li class="menu"></li></ul>
<ul class="main">
<li class="main"></li></ul>
<ul class="menu">
<li class="menu"></li></ul></div>と、作りました。（大きなメニューの中に、もう一つメニューを作っています。）そして、
以前質問させていただいたときに紹介してもらった
http://browsershots.org/
で、色々なブラウザーの見え方をチェックしたところ、
Safari 2.0 on Mac OS, 74 hours ago
では、左側に作ったメニュー全体の中身が、右側に飛び出していて、（ul liともにpadding margin 0pxにしてあります。）
MSIE 7.0 on Windows, 74 hours ago
では、配置はいいのですが、文字化けしています。
MSIE 6.0 on Windows, 74 hours ago
では、文字、配置共にきちんと表示されます。
MSIE 5.5 on Windows, 74 hours ago
でも、文字化けしてして、li.menuの左側に余計な隙間が出来ます。
MSIE 5.01 on Windows, 74 hours ago
では、li.menuの左側に同じように余計な隙間が出来ます。
全てのブラウザで、同じように表示するのは不可能ということらしいのですが、どうにかずれないように、文字化けしないようにしたいのですが、どうしたらいいのでしょうか？
<meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS">にしてあります。
長い質問で申し訳ないのですが、お答えいただけるとありがたいです。よろしくお願いします。
お礼
ありがとうございます。