Why does IE display all margins and paddings larger than other browsers?

[narutodude000]

If I had div{margin-top:100px;}, it would be further from the top in IE than in any other browsers. Are there any workarounds?

[tracknut]

Any chance that div is inside another block where you haven't set the margins? Default margins and padding are not the same in all browsers, so you either need to explicitly set them to something, or make a global setting like:

* {margin:0;padding:0}

Dave

[narutodude000]

Yes, I have that.

For example, #login input[type="submit"]{padding:0 5px;} barely makes a difference in Chrome/FF but it makes the button look big and fat in IE.

[tracknut]

Are you talking about page margins or button sizes? Do you have an example I could see?

Dave

[WestWeb]

Have you tried this at the beginning of your stylesheet to reset margins and padding?

* {
     margin: 0px;
     padding: 0px;
}

If so, what about trying something like Eric Meyers reset stylesheet, which should almost eliminate cross browser css issues.

To answer your question in the title: IE treats the CSS Box model differently than other browsers by default. Such a PITA sometimes.