I am having trouble getting a site I am working on to behave properly in Internet Explorer (surprise). I have been working on it in Firefox and when I went to check on it in IE I noticed it seems to be having padding or margin related problems. I am guessing IE is throwing in default padding or margin on the sides of the 2 columns in the design, but I can't be sure. I tried giving the divs padding:0px, margin:0px just to be sure but the problem remains.
The design is supposed to have two columns, side by side. One if floating right, the other is floating left, and due to the width of the background image for the divs (which stretches into the white area on both sides), they don't have room for any extra padding/ margin and are therefore becoming stacked on top of each other in IE. In Firefox, they nestle next to each other nicely.
I am sure there is some detail I have forgotten to correct to optimize the design in IE. Any suggestions?