Margins and padding; again IE's display compare to Firefox's one

It's again Firefox vs. IE; IE displays "padding" (or a gap/intendation) on the right side of window, but Firefox does not ...


You see, few site's updates back (when I use quite different desing), the "padding" for my main div class did in fact work on both, the left and the right side (also in Firefox), but then I've changed something and now the text goes straight to the right window border.


Currently I use this code assumingly related to margins/padding:

body { margin-left : 4%; margin-right : 4%; }
div.master { padding : 0 1em; }

Code (markup):

Well, actually for the "margin-left : 4%" and "margin-right : 4%" I see no changes if I experiment with different valus; or maybe this in fact sets both margines as seen in IE (and not "padding : 0 1em" for the main div class)


So I am curious, how should I get my original layout back ?? I know that one way is probably to simply put the main div element in a table, and set the "padding" for the table element, however, is there any other way (an easier or more straight-forward one, preferrably with CSS) ??


tayiper

 

Hey!

I had a similar problem once...I had to clear all floats and then it worked out for me....so check if you have cleared all floats...

regards