Why does adding this javascript for FlashGallery cause my background image to shift up?

I've added a flash gallery to my site and the required script is causing the background image to 开发者_运维知识库shift.

You can see the page here: http://www.arbitersoflight.net/media/screens.html

The script in question is the "swfobject.js". I've determined this by adding/removing the

<script type="text/javascript" src="/scripts/flashgallery/swfobject.js"></script>

line to my site (which is required to run the gallery). Obviously, due to the layout of my site, I cannot having the background being moved...so this is very annoying. Unfortunately I know next to nothing about coding so I lack the skills to find the problem myself. I would really appreciate any help you guys can give me here.

I'm not sure why this is happening, but if you add the following CSS to the following tags it will fix it:

#header { position:relative; top:15px; }
.scroll-pane { position:relative; top:-15px; }

EDIT:

Another reason this might be happening is from white-space in this script tag:

<script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
</script>

A possible way to fix this would be to save that code to a file and include it as:

<script type="text/javascript" src="/scripts/jscrollpane/jquery.jscrollpane.init.js"></script>