html - Boxes appear under textarea in internet explorer -


please tell me why red boxes appear below textarea in chrome , others (as should), in internet explorer, appear adjacent textarea.

<!doctype html> <html> <head>   <title>test</title>   <style>     .wrapper { width: 760px; }     textarea { float: left; width: 100%; height: 200px;}     textarea { box-sizing: border-box; }     li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }     fieldset{ margin: 0; padding: 0; border: 0; }   </style>  </head> <body>    <div id="content" class="wrapper">     <form>       <textarea></textarea>       <fieldset>         <ul>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>           <li>             <img alt="/" src="/" />           </li>         </ul>       </fieldset>     </form>   </div>  </body> </html> 

http://jsfiddle.net/deathwishdave/s9wct/1/

try following.

assuming have interpreted request correctly, seemed work me.

     .wrapper { width: 760px; }     textarea { float: left; width: 100%; height: 200px; display: block; }     textarea { box-sizing: border-box; }     li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }     fieldset{ margin: 0; padding: 0; border: 0; display: inline; } 

Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

c++ - Correct method for redrawing a layered window -

java.util.scanner - How to read and add only numbers to array from a text file -