divの外に出るHTMLテーブル

私は、このHTMLコードを持っている：

<!-- About us --> 

<div id="aboutus"> 
    <p> About us </p> 

    <table class="aboutusTable" cellspacing="0"> 
     <tr> 
      <td> 
       <p>Texto sobre nosotros</p> 
      </td> 

      <td> 
       <img src="img/esquis.jpg"> 
      </td> 

     </tr> 

</div> 


<!-- End About us -->

そしてまた、このCSSコード：

#aboutus { 
    float: left; 
    margin-top: 250px; 
    width: 100%; 
    text-align: center; 
    color:white; 
    background: #333; 
    height:50px; 
    margin-bottom: 100px; 
    }  

    #aboutus p { 
    margin: 10px; 
    font-weight: 700; 
    font-size: 1.2em; 
    color:white; 
    } 

    #aboutus .aboutusTable { 
    margin-top:500px; 
    margin-bottom: 200px; 
    table-layout: fixed; 
    word-wrap: break-word; 
    float:left; 
    }

そして、私はこのことからそれを得ることになっては、「弊社について」divの内部テーブルでなければなりませんがが、私が得るのは、ウェブページの終わりにあるフッタの下のテーブルです。

何が起こっているのか知っていますか？

ありがとうございました！

出典

2017-01-14 Manuel Juncal