TEXTAREA перенимает margin-left внешнего DIVa

[webmos]

Привет всем,

попробовал вот такой код в IE 7.0:

<form>
<div style="width:500px; margin-left:50px; margin-top:50px; height:200px; background:#CCC; border:2px solid red;">
<textarea rows="10" cols="10" style="width:100%; background:#0066CC;"></textarea>
</div> 
</form>

На выходе получается, что внешний див, как и положено, отступает вправо на 50px. Но текстовое поле внутри него также смещается на 50px уже относительно стенки дива. Таким образом, TEXTAREA перемещается вправо на 100px. Замечено это, как уже сказано, в IE7.0. Кто-нибудь знает причину и способ решения проблемки?

[Arinden]

<div><textarea rows="10" cols="10" style="width:100%; background:#0066CC;"></textarea></div>

Edited January 31, 2012 by Arinden

[MaferoK]

может быть как то так

http://jsfiddle.net/ktDu5/5/

[webmos]

может быть как то так

http://jsfiddle.net/ktDu5/5/

Спасибо, очень помогло. А почему Textarea в ie7 требует position:absolute и width:100% для правильной работы? Прав ли я, что по стандартам это указывать не обязательно?