<html>
<body style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;">
<form>
<div id="X" style="border-width:3px;border-style:Solid;position:absolute; left:0; top:0; width:100%; height:100%">
<div id="XX" style="border-width:3px;border-style:Solid;position:absolute;left:50px;right:50px;width:auto;top:50px;bottom:50px;height:auto;">
<textarea style="width:100%;height:100%;"></textarea>
</div>
</div>
</form>
</body>
</html>
W Firefox 3.6.28 działa prawidłowo, a w Internet Explorer 8 wysokość nie jest prawidłowa.
W IE działa tylko dobrze, gdy jest zadana odległość od górnej krawędzi oraz wykokość, lub jeżeli jest zadana odległość od dolnej krawędzi i wysokość. Natomiast, jeżeli jest zadana odległość od górnej i dolnej krawędzi, a wysokość nie jest zadana, to nie działa. Jak zrobić, żeby w IE 8 też działało?