Birnam Designs is a quality web design and development agency in Virginia

CSS list indent consistency between IE and Firefox

I finally found a resource that describes the differences between list rendering in IE and Firefox. If you’ve worked much with CSS you’ve probably found the same frustrations, where your lists are not rendered with the same indent between browsers, especially if you have reset the margins and padding at some point.

The secret, it turns out, is that IE renders the indent based on ul’s margin-left, while the rest of the browser world uses the padding-left style of the ul tag. Set them both to the same value, et viola!

See a more detailed description here.

Comments are closed.