layers i tabeller

Hvad er der galt med min kode.
Mit layer følger ikke min tabel 100%
Her er min kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" align="center">
  <tr>
    <td>
      <div align="center">
        <table width="500" border="1" cellspacing="0" cellpadding="0" height="300">
          <tr valign="top">
            <td>
              <div id="Layer1" style="position:absolute; width:450px; height:250px; z-index:1; background-color: #666666; layer-background-color: border; border: 8px none #000000">
                <div align="center">
                <h3>&nbsp;</h3>
                <h3>&nbsp;</h3>
                  <h3><font color="#FFFFFF">Dette er et layer der f&oslash;lger
                    den centrerede tabel</font></h3>
                  <h3><font color=\"#FFFFFF\">&nbsp;&nbsp;&nbsp;</font></h3>
              </div>
            </div>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>

</body>
</html>


et ekstra spørgsmål: hvorfor er det lige at man arbejder med layers ?, jeg kan simpelhen ikke få dem indsat præcis de steder jeg gerne vil have dem til at stå på siden. Er det fordi jeg gerne vil have dem ind i en tabel at der går kuk i det ?
er der nogle der kender en god toturial til det med layers