Puoi utilizzare "table" è più semplice.
Esempio
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.horizontal {background-image: url(horizontal.jpg);background-repeat: repeat-x;height:50px}
.vertical {background-image: url(vertical.jpg);background-repeat: repeat-y}
.topLeft {height:50px;width:50px;background-image: url(1.jpg);}
.topRight {height:50px;width:50px;background-image: url(2.jpg);}
.botLeft {height:50px;width:50px;background-image: url(3.jpg);}
.botRight {height:50px;width:50px;background-image: url(4.jpg);}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function r() {
var a = document.getElementById("f");
alert(a.className);
}
//-->
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="background-color: yellow" border="0" >
<tr>
<td class="topLeft">
</td>
<td class="horizontal" style="height:45;">
</td>
<td class="topRight">
</td>
</tr>
<tr>
<td class="vertical">
</td>
<td >
<div id="myDiv" style="height:200px;width:200px;background-color: green">
SONO UNA DIV
</div>
</td >
<td class="vertical" >
</td>
</tr>
<tr>
<td class="botLeft">
</td>
<td class="horizontal">
</td>
<td class="botRight">
</td>
</tr>
</table>
</body>
</html>