普段あまり使わない、CSSのpositon属性を使わなくてはならなくなった。

 

正直、あんまり覚えてなかったので、ie6でバグが起きて困った。

 

imgタグで入れた画像に対し、positon:relative;を設定して、相対配置すると、本来あるべき場所の所までの余白が勝手に入り込んでしまう様子。

調べたら、これについては解決策を載せているブログが結構ヒットしたけど、なんかやり方が結構バラバラ...。

私の場合は、
http://www.revulo.com/blog/20080208.html
この記事が特に参考になりました。
 

簡単なことで、

position:relative;を設定した画像が入っているdiv要素に対して

overflow:hidden;

を設定すればいいだけ。
 

ただ、上記の記事ではie6だと問題解決できたけど、ie7で問題発生と書いてある。（javascript絡みっぽい）

私の場合あくまでレイアウトに関してはこれだけでie6も7もすんなり問題解決しました。

 

他にも参考までにネガティブマージンを使うやり方もあるっぽいです。
http://x.talkandplay.org/x/2009/03/191122.php
 

個人的にはあんまりネガティブマージン使いたくなかったので（短絡的というか、スマートな感じがしないから）、これは今回見送りましたが、場合によっては使わざるを得ない状況になるかもしれないので、一応記録しておきます。

相変わらずie6にはやれやれって感じです。