Full screen without bad image resolution

Hi!!! I have been trying and trying, finding tutorials and looking in the forum and now I am even more confused.
I need to build a portafolio in flash where each section will have a different background. However i don’t get to fit the image totally in the browser or if it does, it is not clear. So i do not understand how to other web pages get a nice clear image.

This is the last try:

[COLOR=teal]<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>Full Screen Browser in Flash</title>
<META HTTP-EQUIV=“Pragma” CONTENT=“no-cache”>
<META HTTP-EQUIV=“Expires” CONTENT="-1">
<script type=“text/javascript” src=“swfobject.js”></script>
</head>
<body bgcolor="#000000" leftmargin=“0” topmargin=“0” marginheight=“0” marginwidth=“0”>[/COLOR]
[COLOR=teal]<div id=“flashcontent”><br><br><center><font color="#ffffff">This site requires Flash Player 7 or greater to function correctly.<br>Please download <a href="[/COLOR][COLOR=teal]http://www.macromedia.com/go/getflash[/COLOR][COLOR=teal]" target="_blank"><font color="#ffffff"><u>HERE</u></font></a></font></center>
</div>[/COLOR]
[COLOR=teal]<script type=“text/javascript”>
var so = new SWFObject(“template.swf”, “FullScreenExample”, “100%”, “100%”, “7”, “#000000”);
so.write(“flashcontent”);
</script>[/COLOR]
[COLOR=teal]</body>
</html>[/COLOR]

Thanks in advance.