How to use adobe edge animations in website?

I want use adobe edge animation in my website . I add required files into page head .Adobe edge worked with this div tag only

<div id="Stage" class="EDGE-7942973">   </div>

and add another elements dynamically into it .I test and understand that if this div tag placed into another tags animations don't run. . How to fix this problem?

    <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>Untitled</title>
<!--Adobe Edge Runtime-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="advertisement_anim_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-7942973 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;">


    <div id="Stage" class="EDGE-7942973">
    </div>

</body>
</html>

Solution

Keep adobe edge published files in a folder folder_name and place following tag in your html file whatever you want. Don't forget to change folder_name & file_name.

<iframe src="folder_name/file_name.html"></iframe>

Set height & width of iframe according to stage size.