Full Screen swf

I have spent the last few days trying to work out how to make my swf file scale 100% to the width and height of my browser.

So far I’ve created a canvas size of 1920x1440 (in flash) and before publishing, set my html dimension width and height to 100%.

After publishing my project and uploading to a server, it looks something like this:


Although it appears fine, the images are being cropped. If you try re-scaling the browser window, the swf doesn’t scale.

Out of curiosity I tried setting my html scale setting to exact fit

and got this result: http://www.blimpmedia.com.au/chester/007/

as you can see, the swf scales to the size of the browser and re-scales if you resize the browser widow, but its all out of proportion.

So how do I go about fixing this, do I need to add some css to my html or do I need to add or activate a setting in my flash project?