Application sizing issue

Question

It seems like Flex apps don't size properly in Mozilla Firefox.
Do demonstrate, I made this sample application:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Canvas left="10" top="10" right="10" bottom="10" backgroundColor="#CA2020"> (don't worry about the color value...not accurate)
</mx:Canvas>
</mx:Application>
When deployed to the server (it works fine when launching the app throught the Flex Builder). Here's how it should look (in IE, Chrome and Safari):
And here's how it looks when viewed in mozilla FF:
Does anyone have ANY idea why is this happeneing and how to work around it.
In my current project I've asked the company to not list Mozilla FF in the "supported browsers" list, which is pretty embarrassing considering that a lots of people (including me) use Mozilla FF as our default browser.
Any help will be appreciated.
Best Regards..........

Answer 1

Hey Ryan,
Thanks for the input, but the situation stays the same.
The sizing of the wrapper has always been a choice, but I cannot do that, I want the flex app to resize itself with the browser size, rather than have the user resize the browser to get the full view of the app.
The height:100% solution did seem to be promising but alas!. Although, the width:100% works perfect.
I'm still looking for an alternative, if you have any other suggesstion, please do care to write.
Thanks and Regards.......