Magento not compatible with IE or Firefox

Question

I don't know if this is a theme issue or what but I am having a strange issue with IE and Firefox. Just happened this week with no changes to the website or store. I have looked everywhere online and saw someone on here with a similar issue. I promise I am not trying to advertise. Just look at the sidebar. It pushed the sidebar content to the bottom of the page and the sidebar in the middle of all the products. If you look at it on chrome you will see how it should look. Also works fine on mobile devices.

www.sanitred.com/shop

I saw another post where the guy put the link to his store saying he was advertising. I assure you this isn't the case. I really want to get this fixed. Can someone please help?

Magento ver. 1.6.2.0

Answer 1

You have a table cell with a width set to 600px:

<td width="600" rowspan="2" valign="top">
    <div class="main-container col2-left-layout">
        <!-- More HTML -->
    </div>
</td>

Find the template that contains that markup and remove width="600" and it should work as expected.

Bonus advice you didn't ask for: I highly recommend not using tables. Tables are for tabular data, not layout. Anything you can do with tables for layout can just as easily be done with CSS. Maintaing a site built with tables is not only non-semantic, it becomes extremely hard to maintain over time, especially when you're building a site with Magento which has so many moving parts.