title: Adding css rules with text method to style element does not work in IE
body: <p>It works fine in Firefox and Chrome, but does not work in IE8. Here is the html structure:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
     $(function() {
      // this does not work in IE
      $('&lt;style type="text/css"&gt;&lt;/style&gt;').text('body {margin: 0;}').appendTo('head');
     });
    &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And what' s the alternative to do this in IE?</p>