IE7 Bug: Bulleted Lists

November 13, 2006 | By Terry Stockdale | In CSS, Firefox, HTML, IE7, Opera 

I wrote the other day about the IE7 Center tag bug. IE6, Firefox 1.5.0.7, Firefox 2.0, and Opera all displayed the pages exactly the same. And, then IE7 came along…

Bulleted lists were the first thing that I found that IE7 displayed differently from IE6, Firefox and Opera.

IE7’s default indent for bulleted lists appears to be about 60 pixels, where the others defaulted to about 8 pixels.

Where did I see the problem? In one of my WordPress blogs, where I used bulleted lists for some of the entries I had added to the sidebar.

All of a sudden, the bullets moved from the left side of the DIV, all the way to the middle of the 140 pixel wide sidebar.

After experimentation, I finally solved the problem by defining the margin-left and padding-left on both the UL and LI tags. Interestingly, I also had to define the list-style-type for the UL tag.

Tagged: 

Got something to say?