Mozilla versus Internet Explorer - IE or Mozilla Bug

Today I have found yet another inconsistency between the two most popular browsers - Internet Explorer and Mozilla Firefox. By default, UL (Unordered List) HTML tag is suppose to create a bulleted list of items with exactly 55 pixels from the left, if you are using font Helvetica HTML size 2 (10 points). But if you want to change that distance from the left edge using Cascading Style Sheets, then you need to know the trick.

And the trick is that Internet Explorer is using CSS margin attribute but Mozilla Firefox is using padding attribute. Below you can find two exact sets of HTML UL tags, with only one difference: the  green box  has default margins, but the left padding has been set to 15 pixels, where in the  red box  we have the default padding, but the left margin has been set to 15 pixels. Now try to open this page in Microsoft Internet Explorer and in Firefox Mozilla. You should see the exact opposite from each other.