borderやpaddingが2倍に？

IEで表示を確認すると、どういうワケかborderやpaddingが2倍になってしまうことがあります。

これは、floatしたボックスに対して発生する現象で、回避は簡単です。

floatしたボックスに対して、display:inlineを掛けてインライン要素にするだけで済みます。
IEはfloatしたボックスのサイズが内容物に合わせて勝手に伸びるというバグ

IE6 img 隙間

http://studio03.org/?eid=44

img画像をリストや縦に並べようとすると、微妙に隙間ができる。
これを解除する方法。

imgのスタイルシートにborder:0;
と記述するとFirefoxで隙間がなくなるが、IE6.0ではまだ隙間ができる。

FirefoxでもIEでもちゃんと隙間なくimgを並べる方法とは
imgのスタイルシートに、

border:0;
vertical-align:top;


またIE6は<a>や<img>などのインラインタグの後の改行を半角スペースと捉える場合があるので、改行せずにコードを表記することで余計なマージンが消える場合もある。