RESOLVED Cells Out Of Place In Table

I can't figure out why the class "contentshop" cells (4 of them) in the table withinin the "content" div are dropped down halfway...

Here's the page (http://www.creativemilldesigns.com/turmoilshop.html).

What's wrong?

table {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}


tr {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}


td {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}



should be:

table {

width: 100%;

}

td {

padding: 0;

}

table { height:100% } causes the table to extend to the bottom of the browser area, causing the td's to be at the same height (- border and space between the cells)
A td is always, unless other is specified, centering it content vertically.

If you temporary adds border="1" to the tables opening tag
<table border="1">
you can see what area the table and it's cells covers

Excellent. Got it! Thank you.