Привет усем.
2 года занимаюсь веб-дизайном и никак не могу вбить в свою тупую башку, как сделать так, чтобы при просмотре монитором с разрешением 800*600 не появлялись скроллы и пага оставалсь в пределах экрана?

Вот собственно код:

<html>
<html>
<head>
<title>блаблабла</title>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<DIV style="POSITION: absolute; TOP: 0px; left: 0px;">
<body bgcolor="#FFFFFF" text="#000000">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17%"><img src="img/1.gif" width="173" height="140"><img src="img/2.gif" width="658" height="140"><img src="img/3.gif" width="176" height="140"></td>
</tr>
<tr>
<td width="17%"><img src="img/4.gif" width="173" height="126"><a href="news.asp" title="www.dockyard.by.ru"><img src="img/5.gif" border="0" width="273" height="126"><img src="img/6.gif" border="0" width="357" height="126"></a><img src="img/7.gif" width="28" height="126"><img src="img/8.gif" width="176" height="126"></td>

</tr>
<tr>
<td width="17%"><img src="img/9.gif" width="174" height="153"><img src="img/10.gif" width="657" height="153"><img src="img/11.gif" width="176" height="153"></td>

</tr>
<tr>
<td width="17%"><img src="img/12.gif" width="133" height="180"><img src="img/13.gif" width="644" height="180"><img src="img/14.gif" width="230" height="180"></td>

</tr>

</table>

</DIV>
</body>
</html>

Плизз... найдите эту фиксу...
Всем заранее спасибо!

Картинки уменьшить.

хм....