CSSご相談。

　色々試してるんですが、もう訳分からなくなってきたので思い切って皆さんにご相談。

　現在のデザインは、コメント欄とトラックバック欄がどうしてもはみ出てしまうのです。左に入れたマージンの分だけ右にはみ出るのです。左と同じ分のマージンを右に入れれば修正されるかと思ったけどそれも無駄。

　で、今は一応

div.comment,
div.refererlist{
_width: 100%;
}

と入れて、MacOSX+IEではちゃんとぴったり表示されるようになったんですが、OS8.6+IEでは未だにはみ出るんです。「width: 100%」と入れても効果無しで、現在完全にお手上げです。

　もうひとつ、Safariで見たときに、ヘッダとh1が「width: 95%」で指定してるのに正常に表示されないこと。ヘッダは、何故かちょっと狭く表示されるし、h1に至っては、paddingの分だけ横幅が付いちゃってるのです。ここはもう訳が分かりません。解決しました！ありがとうございます！

　最後は、これはもうどうしようもないことは分かってるんですが、mainよりsidebarの方が縦幅が長くなった場合に、sidebarがhatena-bodyを飛び出してしまう仕様。position指定してるのでこうなっちゃうのですが……。

　これらについて、何か対策を知っておられる方おられましたら、教えて頂けると有り難いです。