100% ширины и высоты флэшки в html

[DZHETIGAPA]

У меня вопрос по встройке флэшки в html. Флэшка загружает видео. Мне нужно, чтобы флэшка занимала 100% ширины и высоты окна браузера. А при изменении размера окна пропорционально изменялись и ее размеры.

Вот, что я делаю:

<script src="js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#FFFFFF"
};
var attributes = {
id:"NewProject"
};
swfobject.embedSWF("NewProject.swf", "altContent", "100%", "100%", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<style type="text/css">
html, body { width:100%; height:100%; overflow:hidden; }
body { margin:0; }
</style>


В главном классе прописываю:

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

private function onResize(e:Event):void
{
container.width = stage.stageWidth;
container.height = stage.stageHeight;
}


В этом контейнере и содержится экземпляр класса с видео.

У меня же при загрузке флэшка растягивается на 100%. При изменении(уменьшении) размера окна браузера все идет как надо - пропорциональность соблюдается. Но когда разворачиваю окно - никакой пропорциональности, появляются какие-то белые линии-границы.

Если кто-нибудь сталкивался с такой задачей, то напишите пожалуйста, как ее грамотно реализовать.