I didnt see a CSS specific forum so if Im posting in the wrong area please let me know.

I created a css for unordered & ordered lists. I noticed however when I apply a width attribute my bullets do not align correctly(IE 6,Netscape seems to be fine with it IF you can image that!).

If the text in the unordered lists wraps the bullets are aligned to the bottom of the text. As a down & dirty fix I vertically align top. Nasty looking but better than the bullets aligning to the bottom.

.UnorderedList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
    padding: 2px;
    width: 550px;
    list-style-position: outside;
    list-style-type: disc;
    vertical-align: top;
}

Now for the really nasty one, when I tried this trick with Ordered lists all the numbers came back as 1.

Does anyone know a graceful solution for this?

Thanks,
Surf_Doggie

Ick, I hate alignment problems....

I don't quite understand your problem, though. I'm guessing you might be able to use DIVs to group text in your lists, or something like that.

Does this page happen to be published? If so, may I see it?

----------
---Snib---
----------

<><

Snib, you were absolutely correct! Some sort of ie6 problem thats why all the other browsers were displaying it correctly. Correct code below

.UnorderedList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
    padding: 2px;
    width: 550px;
    list-style-position: outside;
    list-style-type: disc;
}
<div class="UnorderedList">[list]
<li>250 -- Bumper Stickers -- 3&quot;x12&quot; or 3-3/4&quot;x7-1/2&quot; Sizes</li>
 <li>100 -- Screen Printed Posters -- 14&quot;x22&quot; Size</li>
 <li>1000 -- Lapel Stickers -- 2-1/2&quot; Round or 2&quot;x3&quot; Rectangular Shapes</li>
 </ul>
</div>

Thanks For the Assist,
Surf