Need some CSS advice

This has been annoying me for a long time and I thought there must be some CSS mavens here for whom this is an easy question.

The ordered (numbered) list on this page http://bobsguides.com/foolproof-bread.html looks like crap in IE7, and has for some time. As you can see if you have IE7, once the numbers hit double digits, they overlap with the text. It looks perfect in FF (of course).

I’ve tried a bunch of stuff to fix it but nothing has worked. Any suggestions appreciated.

Bob

Thanks. I can’t believe IE7 won’t render a decent ol out of the box. Did MS forget to test it with lists of more than 9 items?

If it were me, I would use this



rather than

Quote from: Terry at Nov 28, 2008, 12:30 PM

If it were me, I would use this

list-style-position: outside;

rather than

list-style-position: inside;

A definite improvement. Now the numbers are too far away from the text, especially on the shorter lists like the one on this page: http://bobsguides.com/getting-started.html, but it’s way better than the overlap. Thanks!