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%. При изменении(уменьшении) размера окна браузера все идет как надо - пропорциональность соблюдается. Но когда разворачиваю окно - никакой пропорциональности, появляются какие-то белые линии-границы.

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