Thanks.

…etc

and css:

table.products tr.imagerow td {
vertical-align:bottom;
}

table.products td {
padding:5px;
width:33%;
}

table.products tr.imagerow td a {
background-color:#FFFFFF;
border:1px solid #2E4070;
display:table-cell;
height:125px;
vertical-align:middle;
width:125px;
}

What is the best solution for my problem? Please, help!

You forgot to give BOTH the html and body element a height of 100%. You gave the body element a height of 100%, but didn’t give the html element a height of 100%. In order for the browser to be able to interpret your element’s 100% height declaration, you need to give both the body and html element’s a height declaration of 100%.


html, body {
height: 100%;
}


I looked at it in Chrome, Firefox, and IE8 on my PC and they all look the same: content hugging the top of the page. I looked at it on another computer in IE, and it was shoved down the page a way’s, but hugging the bottom of the page, and was behaving generally strangely.

If you can give me a URL, I’ll try and see if I can find out what’s happening.