Putting Applet in HTML

Hey all,
Just a quick question that hopefully someone can solve. I have an applet that's in a HTML page. The applet takes up the whole page and resizes with the resizing of the browser window. The only problem is when I have this code in my HTML doc:

it works exactly how I want it, where the scroll bars do not show up until the browser window hits my applets minimum size. But when I correct the code so it looks like:

the vertical scrollbar on the browser shows up, even though the applet is smaller than the browser window.
The only difference is the last line where
becomes if you didn't notice.
here is my whole HTM code:

<HTML>
	<HEAD>
		<TITLE>
			Resizable Applet Demo
		</TITLE>

</HEAD>

<SCRIPT	LANGUAGE="JavaScript">
			function resize()
			{
				var appWidth, appHeight;
				var minWidth = 500, minHeight = 400;
				if (navigator.appName.indexOf("Microsoft") != -1)
				{
					appWidth = document.body.clientWidth - 1;
					appHeight = document.body.clientHeight - 1;
				}
				else
				{
					var netscapeScrollWidth=15;
					appWidth = window.innerWidth-netscapeScrollWidth;
					appHeight = window.innerHeight-netscapeScrollWidth;
				}
				if (appWidth < minWidth)
				{
					appWidth = minWidth;
				}
				if (appHeight < minHeight)
				{
					appHeight = minHeight;
				}
				document.myApplet.style.height = appHeight;
				document.myApplet.style.width = appWidth;
				window.scroll(0,0);
			}
			window.onResize = resize;
			window.onLoad = resize;
		</SCRIPT>

<APPLET	NAME="myApplet" 
			CODE="BMMISite.class" 
			ARCHIVE="BMMISite.jar"
			WIDTH=1600 
			HEIGHT=1200>
		
		/APPLET>
	</BODY>
</HTML>

Thanks for any help,
Andrew

Please use the the following tags instead of APPLET tags.

Works greatly now.
Thanks Madhan