невозможно поместить тег <table> в тег div

Я пытаюсь поместить внутри тега, как в примере ниже, но таблица отображается за пределами div таблицы tableWrapper, div таблицы tableWrapper отображается правильно. Я хочу, но таблица находится за его пределами, и я не понимаю, что я делаю неправильно, может ли кто-нибудь помочь? :

//the buttons 
$html .= '<p><form method="post" action = "DBTest.php" >
    <input type="submit" name="create" value="Create">
    <input type="submit" name="save" value="Save">
    <input type="submit" name="reset" value="Reset">
    </form></p>';   


//start table
$html.= '<div id = "tableWrapper"><table>';

foreach($rows as $row)
    {

         $id= $row['id'];
         $title = $row['title'];
         $year = $row['YEAR'];
        //put everything on a table
        $html.= "<tr><td>" . $row['id'] . "</td><td>" . $row['title'] . "</td><td>"  . $row['year'] . "</td><td>";
     }
$html.= '</table></div>';    

//the main body
$alpha['main'] = <<<EOD

{$html}

EOD;

Вот мой tablWrapper div:

#tableWrapper{
    clear:both;
    width: 350px;
    height: 350px;
}

Вот мой стол css:

table {margin-bottom:1.4em;}
th {font-weight:bold;background:black;color:white;}
th,td,caption {padding:4px 10px 4px 5px;}


tbody tr:nth-child(even) td {background:#A1912A11;}
tbody tr:hover td {background:#9E9E80;}

заранее спасибо