I have a drop-line menu where there are both images & text/description in each menu item. The images are different sizes & I need them all to align to the bottom with the text/description below them. I have wrapped the image in a div with the following CSS:

.image_div {
text-align:center;
height:60px;
width:80px;
line-height:60px;
vertical-align: bottom;
display: table-cell;
}

This works fine for text/descriptions less than 80px but anything over that width causes the div to be off-center.
An on-line example of this is at http://www.cygnett.com/test/new_product_page.html - any help would be greatly appreciated