パディングを使ったボックス

質問

パディングを使用してボックス内のテキストにマージンを作りたいのですが、突然いつも通りに作れなくなり途方にくれています。

例えば、200ｘ200のボックスで背景に同じく200ｘ200の画像を設定します。そしてボックス内のテキストを左上から10ｐｘほど中に寄せて表示させます。
いつもだとcssのソースは

.box{
background:url(images/box.gif) no-repeat top left;
width:190px;
height:190px;
padding-top:10px;
padding-left:10px;
padding-bottom:0px;
padding-right:0px;
}
と書いてました。

しかし、突然、このままだと190ｘ190のボックスになってしまうようになりました。ちなみにfirefoxだと普通に200ｘ200のボックスで表示されます。IE6だと190ｘ190になります。
　なので試しにパディングはそのままで200ｘ200にしたところ正しく表示されました。そのかわりやっぱりというかfirefoxだと210ｘ210のボックスになってしまいます。
　それだけではなく100ｐｘの幅の背景画像を使ってタイトルバーを作ろうとして左のパディングを10pxにして90pxのボックスを作ったら、90pxの幅で左に10pxの余白がある状態になってしまいます。

　使っているのはドリームウィーバーです(Studio8)。なにか環境設定で設定するところがあるのでしょうか？もしくはHTMLの宣言に重要なヒントがあったりするのでしょうか？
　今のところ、ハックを使用してダブルでCSSを書いていますが、調整に果てしなく時間がかかり、途方に暮れています。

どなたかお助けください。よろしくお願いします。

回答No.1

steel_gray

↑こちらのバグでしょうか。
http://members.at.infoseek.co.jp/cssbug/detail/winie/b001.html
↑ここでいわれている「標準モード」とか「互換モード」についてはこちら
http://members.at.infoseek.co.jp/cssbug/detail/winie.html

お礼

返信のほど遅れて申しわけございません。
あのあとかなり苦戦しながらしらべたところ、HTMLの宣言文が互換モードではないのが原因のようでした。

アドバイスありがとうございました。感謝感謝です。