title: Why isn't the stylesheet (added via jQuery) applied?
body: <p>This is a fairly complicated question - at least for me.</p>
  <p>I have written a bookmarklet (yes, I do such things when &quot;necessary&quot;) that works fine on every page I tested so far. But today I came across one where it does not work and I do not know why.</p>
  <p>The bookmarklet adds an inline stylesheet the end of the head-tag. And then it adds a div to the end of the body with an id that is also in the stylesheet.</p>
  <p>Normally this works, but I realize that it is a bit by chance. It is a grey zone as far as I know, but maybe someone knows better than me and at least can give some advice? (I can apply direct styles, yes, but I would like to avoid it if possible since it is a maintenance burden.)</p>
  <p>The bookmark is here:
  <a href="http://dl.dropbox.com/u/848981/it/cw/cw.html" rel="nofollow noreferrer">http://dl.dropbox.com/u/848981/it/cw/cw.html</a></p>
  <p>And the page where it does not work is here:
  <a href="http://www.professionalsagainstect.com/index.html" rel="nofollow noreferrer">http://www.professionalsagainstect.com/index.html</a></p>
  <p>Update: Some info to make it easier to look into it. After clicking the bookmarklet:</p>
  <ul>
  <li><p>Look at the end of the head tag for the stylesheet. It gets a title attribute starting with &quot;cw.css ...&quot;.</p>
  </li>
  <li><p>The div-tag where it should be applied is at the end of the body-tag and has id=&quot;shield-findword72789&quot;.</p>
  </li>
  </ul>
  <p><em>Update 2</em>:
  It looks like the stylesheet I add is not beeing applied when there is something like this in <em>body</em> part:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;data:text/css.&quot;&gt;
  </code></pre>
  <p>To work around this I applied the most important styles directly to the elements I added insted.</p>