Colorbox moves html body a little bit
<p>I'm using Colorbox to show some messages on my website. When I launch the colorbox, using the code below, the body of my parent page is moving a little bit to the richt and bottom (see picture).</p>

<p>Code to launch Colorbox:</p>

<pre><code>$(".weather a").colorbox({href: "page.html"});
</code></pre>

<p>Picture: <a href="http://www.imgdumper.nl/uploads2/4b4b3ffd2abcf/4b4b3ffd26d54-screenshot.jpg" rel="nofollow">http://www.imgdumper.nl/uploads2/4b4b3ffd2abcf/4b4b3ffd26d54-screenshot.jpg</a></p>

<p>The picture above is a peace of the whole page (taken at the upper left corner of the page). When you looked carefully, you see a big white border arround the blue background. When I close the colorbox the body resets himself right (most of the time).</p>

<p>Does anyone know how to solve this annoying problem?</p>
