title: Why is document.body == null in Firefox but not Safari
body: <p>I have a problem with a page where I am trying to get <a href="http://colorpowered.com/colorbox/" rel="noreferrer">colorbox</a> (a kind of lightbox for jQuery) working. It doesn't work apparently due to the <code>document.body</code> being <code>null</code> in FireFox (3.5.3). This is not the case in Safari (4.0.3) where the colorbox works.</p>
  
  <p>Something that jumps out at me is that (I'm using Drupal 6) drupal has appended a script tag to set some JavaScript variables at the very bottom of the page, below the closing body and html tags. Otherwise I don't see a problem. Unfortunately I'm having a lot of trouble getting it not to do that. Could it be this that's causing FF to have issues with the body?</p>
  
  <p>Using colorbox's example files in Firefox does work (and the <code>document.body</code> is defined there).</p>
  
  <p>Is there any way I could use jQuery to refill the <code>document.body</code> property with something from <code>$()</code> perhaps, or should I keep banging at drupal to not put a script tag outside the html tags (easier said than done)?</p>
  
  <p>To clarify the <code>document.body</code> is <code>null</code> even after the page is done loading. Here's a Firebug console capture:</p>
  
  <pre><code>&gt;&gt;&gt; document.body
  null
  &gt;&gt;&gt; $().attr('body')
  null
  </code></pre>