CSS not working in Firefox but is in IE6 Options

[Kifebear]

This is the page I am working on:
MountMaster Store

When I look at it in IE6, it looks really good! But then in firefox, it doesn't. In firefox, the comparison chart isn't lining up and the background container isn't going all the way to where it should. It looks rather odd like this.

I took my CSS code into WDG CSS Check and I get a "Congratulations! No errors were found.
But if I check the "Include Warnings" box before submitting, I get some errors. The only errors I get are "To help avoid conflicts with user style sheets, background and color properties should be specified together." and "Warning: The shorthand background property is more widely supported than background-color."

I don't think those warnings about the color and background are affecting the background container and my comparison chart. Any ideas?

Thank you so much for your help!

[JamieHarrop]

the comparison chart isn't lining up

You're going to struggle greatly to get this working cross browser. Because the comparison chart is displaying the data in a tabular format, you should really be using a table to display the data, rather than multiple divs. Once you use a table, I'm sure you won't have any problems getting it to work cross browser.

the background container isn't going all the way to where it should

That's because of the fixed height of 800px on div#container. Remove that, and the problem should be solved.

This post has been edited by JamieHarrop: Apr 19 2007, 03:22 PM

[Kifebear]

Thank you so much. That helps!