Adobe edge animation shows unwanted vertical scrollbar in firefox only

Question

anybody have any idea how to lose a vertical scrollbar on a site where i built a responsive adobe edge animation. on all the other browsers the overflow: hidden works perfectly. only in firefox do i get a scrollbar showing up. little help please. the website is http://www.drotardesign.com/dd/about.html
d

Answer 1

got it - this is how you get rid of it, and thank you Moses for your kind words. Corel was right, these are the attributes that fix it. You need to load it as an iframe
just so you know, the only way to get rid of the scroller in Firefox is to load the RESPONSIVE ADOBE EDGE ANIMATION as an iFrame with these attributes:
<div class="center1">
<div class="center1Edge">
<IFRAME src="http://www.drotardesign.com/dd/animations/edgeAbout/edgeTop.html" width="100%" height="100%" scrolling="no" frameborder="no"></IFRAME>
</div><!--END CENTER1EDGE DIV-->
</div> <!--END CENTER1 DIV-->
your css will be this:
/*EDGE ANIMATION*/
.center1 {
display: block;
width: 25%;
overflow:hidden;
height:400px;
padding-bottom:0%;
.center1Edge {
width: 100%;
height: 100%;
/*left: 0px;*/
}