Prob with deleting/hiding "spillover" animation when using full screen

Hi there, I’m new here and basically self taught with flash mx. I’m currently working on a flash header/banner to go at the top of our website.
we wanted the banner to expand to the size of whatever window our end users were using. however, I can’t seem to figure out how to delete the excess animation that spills over past the designated border.

I’m not sure if using the proper terminology.
the animation is 1014 x 144. I want it to keep that ratio and I don’t want any of the animation that goes beyond those borders to appear.

here’s a link to what I’m doing.

Here’s my html code

<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“,0,0,0
width=“100%” height=“100%” align=“top”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“movie” value=“banner.swf” />
<param name=“quality” value=“high” />
<param name=“bgcolor” value="#003366" />
<embed src=“banner.swf” width=“100%” height=“100%” align=“top” quality=“high” bgcolor="#003366" allowScriptAccess=“sameDomain”
type=“application/x-shockwave-flash” pluginspage=“
So, I don’t know if there’s a way to eliminate that out of bounds stuff when I export my swf or if I can address it in my html.

I also was able to do this.

which eliminates the excess spillover animation but I can’t reduce it because I made the width 100% and the height 144px in the html.

Any help would be huge.

thanks folks