XHTMLforum - textarea { width: 100%; } IE fehler

Wie immer muß ich ja auf den Themen reiten bis ich zufrieden bin. Mit folgender Lösung kann ich sehr gut leben und hätte nun gerne Eure Erfahrung mit folgendem CODE-Schnippsel.

Getestet habe ich erfolgreich mit IE6 / FF auf WinXP pro SP2.

Bitte Cross-Browser Test/Feedback
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<title>xxxx</title> 



<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">

/*<![CDATA[*/ 



*                        { 

                        margin:  0; 

                        padding: 0;

                        border-collapse:collapse; 

                        border-spacing: 0; 

                        } 





html, body         { 

                        color:                #000000; 

                        background:        #FF9922;

                        line-height: 1.45;

                        } 



body                { 

                        font-size:   100.01%;

                        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 

                        }



                        

div                        {

                        margin:  2em;

                        border:  1px solid #000000;

                        padding: 1em;

                        

                        font-size: .8em;

                        

                        background-color: #FFFFFF;

                        }



form                {

                        /* width-Angabe im Eltern-Element (BOX-Model!)

                         * fuer dynamische Breite [textarea]

                         */

                        width: 100%;

                        }

                        

fieldset        {

                        /* fieldset - Stellvertretend fuer alle

                         * erlaubten Child-Elemente von [form] 

                         */

                        margin:  0 auto;

                        border:  0 none;

                        padding: 0;

                        }                        



label                {

                        /* border fuer [textarea]

                         * border-right wird bei aktiver Scrollbar durch

                         * dynamische [textarea] ueberschrieben - da sich

                         * die [textarea] auf 100% von [form] ausdehnt.

                         * Den border im label zu definieren verhindert

                         * ein Ausdehnen der Eltern-Elemente; z.b. [form]

                         */

                        display: block;

                        width:          auto;

                        

                        border:  1px solid #000000;



                        /* Kontroll-Farbe fuer Label

                         */

                        background-color: #FF0000;

                        }                        



textarea        {

                        /* dynamische Breite [IE-BUGy]

                         * die witdh-Definition bezieht sich auf die letzte gesetzte

                         * width-Angabe in einem Eltern-Element; aehnlich IE-FLOAT-BUG;

                         * Ist keine gesetzt wird der BODY angenommen, Fehler tritt 

                         * erst mit aktiver Scrollbar auf !!

                         */

                        width:  100%;  

                        height: 10em;

                        

                        margin:  0 auto;

                        border:  0 none;

                        padding: 0;

                        }                        

                        

/*]]>*/ 

</style> 



</head> 

<body> 



<div>

        <form action="#">

                <fieldset>

                        <label><textarea cols="50" rows="20" name="text">text</textarea></label>

                </fieldset>

        </form>

</div>



</body> 

</html>