Menu bar wont scale with site correctly, please help!

Question

Word everyone!  This is my first project dealing with Edge Animate but its rather important that I get it working ASAP and the menu is just the start.  For some reason I cant get the animation to stay inside the bounds of the aside its in and I have tried just about every trick I could find and most do nothing while a few (like the one here -> Are Adobe EVER going to make Edge Animate scale... | Adobe Community) cause the animation to vanish all together.  I am pretty sure that I have everything set correctly from what I learned in class recently, as far as the actual Edge Animation goes, so it may come down to my site's HTML / CSS.  Below you can find a .rar of all the relevant files (I hope) so if anyone has the free time to take a whack at it I would greatly appreciate any help or pointers that might lead me to the right path.
Thank you for your time!
http://s000.tinyupload.com/?file_id=12299554487849361612

Answer 1

I don't use Animate for menus.  I'm just not hard wired to work that way.  I've always used Responsive CSS menus that break into a finger-friendly, stacked menu on smaller viewports.   See this example with the Bootsrap framework:
Tryit Editor v2.5
#1 Your Edge Animate composition needs to be built on a responsive stage area. 
#2 When exported, you'll need to put your animation into a properly coded HTML5 document.  Use the W3C validation tools to check your code for errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Finally, you'll need a bit of JavaScript to control the white space around your responsive composition.
Using responsive Edge Animate compositions in Dreamweaver « Adobe Edge Animate Team Blog
Hope that helps,
Nancy O.