はまったのでメモ。

IE6(Internet Explorer6)でtextareaの親に当たるいずれかのブロック要素にmarginが指定されていると、なぜかそのtextareaにも引き継がれてしまう、というもの。

<div id="oya1">
<div id="oya2">
<textarea>テキストエリア</textarea>
</div>
</div>

このとき、
oya1 {
margin: 10px 20px 30px 40px
}

とか、
oya2 {
margin: 10px 20px 30px 40px
}

としていると、なぜかtextarea周りにもmarginが出てしまう
こうなると、textareaに何を指定しても直らない。!importantもダメ。

とりあえず、textareaを適当なインライン要素というかspan要素で囲ってやると、現象は回復する。



……Microsoftさん、ホンマ勘弁してください。

【関連項目】
TEXTAREAの謎の余白
input要素などにおけるIEのバグ