すごみのあるテーブルやパディング

私はこの例では、自分自身のために話すと思う：http://jsfiddle.net/FLRka/1/すごみのあるテーブルやパディング

私のために期待された結果は、青色のボックスはなぜそれが同様にパディングを得ている、ページの上部にドッキングされなければならないということですか？
100pxのパディングはありませんが、それよりも小さいです。ここ

は例からHTMLである：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    </head> 

    <body style="margin:0px"> 
     <table style="width:100%; height:100%; border-spacing:0px;" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td style="width:50%"> 
        <div style="height:100px; background-color:red; padding-top:100px;"></div> 
       </td> 
       <td style="width:50%"> 
        <div style="height:100px; background-color:blue;"></div> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

出典

2011-07-17 Nicklas A.