title: Problem with dynamically including CSS from within bookmarklet
body: <p>Im trying to build a bookmarklet (like <a href="http://erkie.github.com/" rel="nofollow">http://erkie.github.com/</a>). What i need to do is include a jsfile and in that jsfile i will include another jsfile and a CSS file.</p>
  
  <p>I have the following in the bookmark:</p>
  
  <pre><code>javascript:var script = document.createElement('script');script.id='invoketest';script.type='text/javascript';script.src='http://mydomain.com/start.js';document.getElementsByTagName("head")[0].appendChild(script);void(0);
  </code></pre>
  
  <p>This will include my start.js file and this works just fine. Now my start.js file looks like this:</p>
  
  <pre><code>  var script2 = document.createElement('script');
    script2.type = 'text/javascript';
    script2.src = 'http://mydomain.com/someother.js';
    document.getElementsByTagName("head")[0].appendChild(script2);
  
    var script1 = document.createElement('link');
    script1.rel = 'stylesheet';
    script1.type = 'text/css';
    script1.href = 'http://mydomain.com/someCSS.css';
    document.getElementsByTagName("head")[0].appendChild(script1);
  </code></pre>
  
  <p>This kind of work, as the "someother.js" script is loaded just fine. But the "someCSS.css" is NOT loaded for some reason.</p>
  
  <p>Im testing in chrome, but it does not work in IE and FF either.</p>
  
  <p>Hope this makes sense</p>
  
  <p>BR/Sune</p>