I created a very simple animation (just two images changing) with Adobe Edge and would like to add it as my background image, wich now is set to be covering browser window on resize.

The best I can manage is getting the animation on the website but it pushes all the content away. It should be underneath and fixed, not moving when I scroll content. Any idea?

My website is: http://tihemetsamoto.ee/uus2013
Basically I made this background image animated in Adobe Edge and want to replace it.

The html I get from publishing Adobe Edge animation looks like this:
Code:
<!DOCTYPE html>
<html style="height:100%;">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
	<title>Untitled</title>
<!--Adobe Edge Runtime-->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="animation_edgePreload.js"></script>
    <style>
        .edgeLoad-anime { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;height:100%;">
	<div id="Stage" class="anime">
	</div>
</body>
</html>
Any idea what lines I should replace in my html with <div id="Stage>?