Edge Animate // conflict between elements on php page.

Hi,

I am reworking a home page and have created 2 simple elements in Adobe Edge Animate, the first being a simple manual slider which shows new content and the second a static tile with a single link to another landing page. - See below screen grabs from Edge

1 2

The 2 above will sit side by side on the home page in their own <DIV> When adding the first to the index.php file and adding all the relevant edge file/folders to our server it seems to work fine. However, when I add the second element it add following the same steps things go wrong.

After adding the second element, the "whats new" in the first disapears and the "SvSAN 5.1 Hyper-V Demo" changes size and as a result does'nt fit within it's <DIV> - See below

Here is the script as it appears on the index.php. As you can likely tell I'm still a relative "noob" in web design so your assistance is greatly appreciated.

_______________

<!--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="whats_new_slider_edgePreload.js"></script>

    <style>

        .edgeLoad-EDGE-101605084 { visibility:hidden; }

    </style>

<!--Adobe Edge Runtime End-->

<!--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="webinar%20registration%20home%20tile_edgePreload.js"></script>

    <style>

        .edgeLoad-webinar_tile { visibility:hidden; }

    </style>

<!--Adobe Edge Runtime End-->

Thanks

Steve