All nice valid CSS/HTML code etc. but it just refuses to display the bullet. The movement off the left is caused by a -20px margin on the <li> tag in the style sheet as by default this tag is indented in other browsers. I guess MS just wanted to make things a bit different :furious:
When I tried the original version of this at work, I lost the first few letters of each item as well as the bullet, with IE6 using larger text.
Your temporary solution appears to be not good enough, I’m afraid. Bullets indented to right on Firefox, missing on IE6 and indented to left (really looks bad) on Opera 8.54 (yes I know it’s out of date, but I don’t normally use it and it hung up when I wanted to update to 9.02). Your best temporary fix is probably to leave well alone and let the browser render the bullets naturally.
EDIT: I probably accessed the pages rather soon after Spacey had updated them and got cached copies from somewhere - the pages are fine now.
To make the list flush left, e.g., you need to change both the margin and the padding. This is because Internet Explorer and Opera opted to create the indent with the left margin, while Mozilla/Netscape use padding.
(unfortunately he then provides a broken link to another article…)
Incidentally I have done the following to make simple lists display the same in all three browsers (not directly related to your problem):
/* make ul etc padding for Opera same as p by default */
p, ul, ol, dl { margin-top: 1em; margin-bottom: 1em; }
yeah I’ll probably end up doing that. I’ve got a version of the site with the code in to this already but I’m trying (for waht it’s worth) to code as generically as possible. I hate browser specific stuff. You’d think that if developers make efforts to produce standards compliant code, software vendors code produce standards compat browsers :furious:
Yes, you are quite right. I must have loaded a network cache of the old version soon after you had changed the originals. The pages are fine now (also in Opera.) I’ve added an edit to my original post.