[SOLVED] Cross-browser display issue

[shooter56]

I have a 3 column layout for a new Miva Merchant 5.5 store that I've just begun developing. But in Firefox 9, my left and right sidebars are picking up a couple pixels of either margin or padding or border on all sides. If you look at the same page in Internet Explorer 8, the sidebars are not picking up that "extra" 'white space on the edges.

I've used Firebug in Firefox to try to diagnose the source, which would seem to come from the site-container rule, but I can't seem to find it.

I have removed my container background image and filled the two sidebars with color just to make this easier to see. You can see an example page at:

http://peterpanshowbus.mivamerchant....gory_Code=BWAY

If anyone has any ideas, I'd sure appreciate the input.

[shooter56]

Turns out this was solved by adding a table rule to my CSS file:

table {
border-collapse: collapse;
border-spacing: 0;
}

Problem solved.

[Phreaddee]

Why are you using a table for layout tho?
Thats the real underlying problem here...

[shooter56]

Thanks for your note. I'm using the table because that's the native page setup of Miva Merchant 5.5's e-commerce platform. I'm just modifying their pre-designed page templates, which include the tables. I'm not at a skill level where I can or would rewrite their basic page layouts, times 10 or so different templates used throughout the store. So I'm working with what I've been given in their software. But obviously I get what you're saying. You won't find any tables in the layout of the site's non-Miva HTML pages.