HTML Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Hab</title>
<script language="JavaScript" type="text/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>
<style type="text/css">
<!--
body,td,th {
	font-family: Comic Sans MS;
	font-size: 12px;
	color: #000000;
}
.style3 {font-size: 12px}
body {
	background-color: #00CCFF;
}
-->
</style></head>

<body>
<div id="Layer1" style="position:absolute; width:123px; height:114px; z-index:1; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000; left: 663px; top: 2px;">
  <div align="center">Adverts</div>
</div>
<div id="Layer2" style="position:absolute; width:536px; height:114px; z-index:2; left: 125px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000; top: 2px;">
<div id="Layer6" style="position:absolute; width:536px; height:280px; z-index:1; left: 0px; top: 116px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Content</div>
</div>
<div align="center"><span class="style3">Banner</span></div>
</div>
<div id="Layer3" style="position:absolute; width:122px; height:114px; z-index:3; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000; left: 1px; top: 2px;">
  <div align="center">Adverts</div>
</div>
<div id="Layer4" style="position:absolute; width:122px; height:280px; z-index:4; left: 1px; top: 153px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Nav Buttons </div>
</div>
<div id="Layer5" style="position:absolute; width:122px; height:33px; z-index:5; left: 1px; top: 118px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Nav Bar </div>
</div>
<div id="Layer7" style="position:absolute; width:536px; height:33px; z-index:6; left: 125px; top: 400px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Affiliates &amp; Adverts </div>
</div>
<div id="Layer8" style="position:absolute; width:123px; height:33px; z-index:7; left: 663px; top: 118px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">News</div>
</div>
<div id="Layer9" style="position:absolute; width:123px; height:121px; z-index:8; left: 663px; top: 153px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Content</div>
</div>
<div id="Layer10" style="position:absolute; width:123px; height:33px; z-index:9; left: 663px; top: 276px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Updates</div>
</div>
<div id="Layer11" style="position:absolute; width:123px; height:122px; z-index:10; left: 663px; top: 311px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
  <div align="center">Content</div>
</div>
</body>
</html>
i made it myself any improvements???