Dirk: Tabelle im DIV und display:none funktioniert nicht

Beitrag lesen

Wieso funktioniert der folgende HTML-Code nicht, wie er soll?
Ebenso wie der Text "Tabelle:" soll natürlich auch die Tabelle (und der Button) im DIV erscheinen und erst beim Klick auf den Button sichtbar sein.

<html>
 <head></head>

<body>
  <table>
   <tr>
    <td>
     Text
    </td>

<div id="more" style="position:absolute; top:100pt; left:100pt; width:100pt; height:100pt; display.none; overflow:visible; background-color:yellow; border-style:solid; border-width:1pt; border-color:red;">
     Tabelle:<br/>
     <table border="1">
      <tr>
       <td>
        BingoBongo!
       </td>
      </tr>
     </table>

<br/>
     <input type="button" name="hideDiv" value="close" onClick="javascript:document.getElementById('more').style.display='none'"/>
    </div>

<td>
     <input type="button" name="showDiv" value="..." onClick="javascript:document.getElementById('more').style.display='inline'"/>
    </td>
   </tr>
  </table>
 </body>
</html>