Embed content with responsive scaling not showing animation at correct size

Hi,

I have an animation that has responsive scaling set to height.

I take the div container generated by EA and insert in my page as following:

<div  style="height:100%;width:100%;">

  <div id="StagePoliceLineDoNotCross" class="PoliceLineDoNotCross"  >

  </div>

</div>

What I see is a small thumbnail sized animation. If I don't have responsive scaling enabled then the animation is shown using its correct size.

What I noticed there are two nested divs with classes flow-wrapper and centre-wrapper created after the first div. Not sure if this is the problem.

Any ideas how to get responsive scaling working above? I tried removed the first style above and I still got the same issue (note my first div is embedded in other divs)