[CSS] Wierd Problem... probably simple

**I GOT IT TO WORK LET IT SINK

Description:**
Basically table with class one is 100% by 100%, but table with class two has width 100% but for class two the height acts like its not defined. If you view it in DW8 is shows what im talking about. How do i fix this?

<html>
<head>
<title>Untitled Document</title>
<style>
.one{
width: 100%;
height: 100%;
}
.two{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="one">
  <tr>
    <td>
      <table border="0" cellspacing="0" cellpadding="0" class="two">
        <tr>
           <td>&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>