Resetting default padding and margin | clagnut/blog

Resetting default padding and margin | clagnut/blog
is a really interesting blog entry I found when looking for a solution to differences between styling of lists in Mozilla and Internet Explorer, the two mostly used browsers out there.

Many styling inconsistencies occur between browsers because browsers apply their own internal style sheet to HTML elements. These style sheets are very similar, but crucially they do differ. The most notable difference occurs with lists: Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists; Internet Explorer uses margin-left. Neither are right or wrong, they are just different.

While I’ve learned to hate IE very much since I started learning CSS, I think this is one big step towards learning new, cleaner, ways to style sites, and make them cross-browser compatible.