Tables Rendering Incorrectly in IE

Question

I am having a real problem with a tables being rendered incorrectly in IE in an e-commerce store I'm setting up for a client. Here's the link:

http://jpgrv.zjbzq.servertrust.com/products-s/1819.htm

The tables are the areas the actually products are contained in. If you look in IE, you'll see that the height of the rows are too high. I've tried to apply CSS directly to the rows and to the columns (inline, external stylesheet and internal stylesheet).

I had a thought that maybe the images were too tall so I resized them and tried it, but to no avail.

I've done a Google search knowing that there are quite a few bugs in regards to tables and IE but none of the known issues that I've found have helped me find a solution.

BTW, as you look at the source code and inspect the site, it may look like a crazy mess of tables, etc. which is because this site is built within the Volusion framework so there's a lot of dynamically generated content.

If anybody has any suggestions or can point me in the right direction, I would greatly appreciate it.

Answer 1

The extra height is there because of a div "add_button" inside a div "container".

You can see it is this screenshot: