title: Trying to add style tag using javascript (innerHTML in IE8)
body: <p>This doesn't work in IE8. I think it's the innerHTML that causes the problem. How to solve?</p>
  
  <pre><code>// jQuery plugin
  (function( $ ){
  
      $.fn.someThing = function( options ) {  
  
          var d = document,
              someThingStyles = d.createElement('style');
  
          someThingStyles.setAttribute('type', 'text/css');
          someThingStyles.innerHTML = " \
          .some_class {overflow:hidden} \
          .some_class &gt; div {width:100%;height:100%;} \
          ";
          d.getElementsByTagName('head')[0].appendChild(someThingStyles);
  
          });
  
      };
  
  })( jQuery );
  </code></pre>