Any Mozilla/FireFox CSS gurus out there? Can someone explain how I'm s'posed to make my lists (in the sidebar) look decent?

Here's my current style:

div.sidebox-content ul { margin: 0 0 0 16px; list-style-type: square; list-style-image: url("../images/graystar.gif"); } div.sidebox-content li { font-size: 10px; border-bottom: 1px solid #898989; margin: 4px 0; padding: 0 0 2px 0; }

In IE7 the lists look fine - they're nicely aligned to the left. In FireFox, however, they have this ugly left margin and sit over in the right of the sidebar boxes.

Maybe I should just tell FireFox users to update to a browser that supports CSS properly! LOL!

ps. Yes, I know that specifying "px" as a font-size is not best-practice, but it's what the Xbox Live Gamercard does, and that's what I'm trying to match, style-wise.