On Wednesday, November 17, 2010 5:29 PM (UTC+13) Rod Davis wrote:- re page at http://www.rootsweb.ancestry.com/~nylnphs/V0/bylaws.htm *Problem:* I cannot get the section numbers (e.g. §2.) to render OUTSIDE the principal box. All browsers insist on rendering INSIDE, so that the continuation lines align with it instead of standing outset to the left. Here is the relevant CSS, which is all in the source for the page: ul{ counter-reset:section; list-style:none outside; } ul>li:before{ font-weight:bold; counter-increment: section; content: "\00a7 " counter(section) ". "; } What could I be doing wrong? (using FireFox 3.6, Opera 10.63, Safari 5.0.2, Chrome 9.0) It must be something simple, but i just don't see it. ---------------------------------------- Rod, Always gets me caught when I go to do it. Try this, and note the /* comments */ ul{ counter-reset:section; list-style:none outside; border:solid 1px red; /* check to see where you are */ } ul>li:before{ margin-left: -1.5em; /* establish indent for extra lines */ font-weight:bold; counter-increment: section; content: "\00a7 " counter(section) ". "; } li { margin-left: 2em; /* move whole list right or (-) left */ margin-top: .5em; } Checks in all the W3C browsers, and should be ok in IE 9, though haven't checked. Barry