overflow: hidden not working

Does anyone know how I can stop the boxes overflowing outside the table?
http://i51.tinypic.com/2q32iqw.png

I have tried CSS: "overflow: hidden", but it didn't work (note box 22).

I'm looking for a way so the scroll bar appears.

An image is of no use for us. Give us the code.

TABLE.productlisting {

height: 579px;

margin-left:33px;
margin-top: -277px;

position: absolute;

top: 50%;

width: 396px

}

<TABLE cellpadding="0" cellspacing="0" class="productlisting">

<TR valign="top">

<TD>

<?php

$link = mysql_connect('localhost', '', '');

mysql_select_db('db', $link);

$query = "select * from products where category = 'Belts'";

$result = mysql_query($query);

echo '<TABLE cellpadding="0" cellspacing="19px">';

while ($row=mysql_fetch_assoc($result)) {

if($index==0) {

echo "<TR>";

}

echo '<TD align="center"><A href="'.$row['id'].'">'.$row['id'].'</A><A href="'.$row['id'].'"><IMG alt="" src="'.$row['id'].'/thumb.png" style="border: 0px; margin-top: 5px"></A></TD>';

$index++;

if ($index==7) {

echo "</TR>";

$index=0;

}

}

if ($index > 0) {

echo "</TR>";

}

echo "</TABLE>";

mysql_query ($query);

mysql_close($link);

?>

</TD>

</TR>

</TABLE>

Never mind, I just switched to a DIV.