Hi list, I have a thing that I need some help with.
I recently created a test page  to play with list-items (notably
with list-style-position: inside, to be able to make the list numbers
use the background of the <li>), but the browser differences are so
disparate so I'm almost lost already.. It seems like Safari uses one
method, IE5/Mac and Mozilla about the same, IE6/Win has the number
too close its content, and Opera6 can't color the numbers correctly..
But my main question is why Mozilla and IE5/Mac works the way they do
with the margin issue, and if this is a bug or just another way to
treat the inside list thingie.
I posted a TrackBack entry of the Safari problems at Dave Hyatt's
weblog  and he claims Safari is rendering it right and guesses
Mozilla is buggy. To me, it seems that Mozilla is not "ignoring the
negative margin", but merely (as IE5/Mac do) creates an empty
line/row right before the <div class="title"> block that is the very
first element inside the <li> in my example . Safari does not (nor
does Opera, IIRC) and instead behaves like Mozilla does when the <div
class="title"> has "display: inline" set to it: the <div> then aligns
vertically with the list-number, without having to use a margin-top:
-1em;. (However, Safari seems to display the list number _on top of_
the list content, but that is another question..)
So, I guess it comes down to:
1) Is there a bug in Mozilla and/or IE5/Mac involved here?
2) If not, which browsers are right - Safari/Opera or Mozilla/IE5 Mac?
3) Most important: how do I serve Safari with (validating) code that
Mozilla won't swallow? (or the other way around)
 http://standardice.com/experimental/test.html (css inside)
What your <body> lacks, your <head> compensates.
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/