mijn div gaat in mijn andere div zitten :/

Ik heb deze code:

<div class="CATEGORIEBODY">
<?php
$cat=$_GET["cat"];
$so=$_GET["so"];
echo "<br/>
<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
Iphone" . $cat. " - " .$so. "</h1>";
echo "<div class='products'>";

$sql = "SELECT * FROM `producten`
WHERE product_categorie = '$cat'
AND product_soort = '$so'";
$sql_result = $dbh->query($sql);

foreach($sql_result as $row)
{
$prijs=$row['prijs'];
$product_naam=$row['product_naam'];
$product_specificaties=$row['product_specificaties'];
$foto=$row['foto'];
$product_id=$row['product_id'];

echo "<div class='product'>
<div><center><h2>$product_naam</h2></center></div>
<center><a href='product.php?id=$product_id'><img src='$foto'></a></center>

<div class='kopen'>
<a href='product.php?id=$product_id'><img src='kopen.png'></a>
</div>

<div><h3>&nbsp $prijs euro</h3></div>
</div>";
}
?>
</div>

<?php include 'includes/productfooter.php'; ?>
</body>
</html>

css:

.CATEGORIEBODY{
background:white;
width: 900px ;
height: 600px;
margin-left: auto ;
margin-right: auto ;
margin-top: 2px;
}

en om de een of andere reden gaat de div van de footer steeds in mijn body staan, terwijl ik bij sommige paginas exact hetzelfde heb gedaan en daar blijft de footer gewoon netjes onder de body staan, weet iemand hoe ik dit kan oplossen? :O