title: document.domain "permission denied" issues with IE8
body: <p>I'm currently trying to load a page within a sub-domain, onto my main domain, using an iframe, and have the sub-domain call a javascript function (when dom-ready) within my main domain, so that the main domain can resize the iframe according to the height of the content.
  Here's an example</p>
  
  <p>www.mysite.com (code within page):</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  document.domain = "mysite.com";
  function doSomething() {
      //do something
  }
  &lt;/script&gt;
  &lt;iframe id="mytestid" src="test.mysite.com" height="0" width="900"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>And for my other site, test.mysite.com, here's the code within the page:</p>
  
  <pre><code>&lt;script&gt;
  document.domain = "mysite.com";
  
  $(document).ready(function () {
      window.parent.doSomething();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This seems to work just fine for firefox, safari, and chrome, but not for IE8.
  IE8 always gives me a "permission denied" error when making the call <code>window.parent.doSomething()</code></p>
  
  <p>I haven't been able to test on IE7 or IE6 to see if the problem persists, but has anyone encountered this problem? Have I missed something with the way I'm laying out the code?</p>
  
  <p>Thanks for the help guys.</p>