TEXTAREA и style="width:100%;"

[Shasoft]

Такой вот код:

.property_input {
 padding: 2px;
}

<div class="property_input">
<div id="first" style="width:100%; background-color: red;">
 <FORM METHOD="get" ACTION="#">
  <TEXTAREA NAME="" rows="3" style="width:100%;"></TEXTAREA>
 </FORM>
 </div>
</div>

При этом получаю несколько странный на мой взгляд результат.
Т.е. слой id="first" растягивается на всю ширину слоя property_input минус padding. А вот TEXTAREA растягивается БЕЗ УЧЕТА padding-а, но позиционируется с его учетом. В результате TEXTAREA вылазеет за правый край слоя property_input.
Это какая-то стандартная фишка или просто немного нестандартное поведение FF?

[Riim]

width:100%; считается от полной ширины страницы. При этом особенность форм в том, что они могут и не растягивать элемент, в котором находятся, а вылизать за его край.

[Shasoft]

В данном случае width:100% считается именно от div-а property_input, а не всего экрана, но только не учитывает padding

Есть ли нормальный способ с помощью CSS растянуть TEXTAREA по размеру DIV-а, но с УЧЕТОМ padding?

[ZoNT]

можно: делаешь див, помещаешь его в див с пэддингом, а уже в этот див помещаешь текстарею.

[Riim]

В DOCTYPE html 4.0 можно сделать.
До html 4.01 так все и считалось, и это было удобно. Зачем они все переделали.
Только таблицы сейчас по-старому считаются. Например, если у одного TD width: 100px; а у второго 100%, то ширина второго будет считаться от оставшегося места.

[Shasoft]

ZoNT,
Так в примере так и написано. Div с padding, внутри div с form

[ZoNT]

потестил твой пример - у меня всё нормально...

[x-yuri]

потестил твой пример - у меня всё нормально...

может это и нормально, но у меня по-крайней не так как рассчитывает Shasoft
Shasoft, дело в том, что у textarea с двух сторон рамка по 2 px, а когда ты задаешь ширину textarea - это ширина содержимого, без учета рамки

[Riim]

дело в том, что у textarea с двух сторон рамка

Про рамки то забыли.

textarea
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

А вообще полезно использовать reset.css