CSS Rendering inconsistency on ul with Firefox being the odd ball out

Question

Background

I was creating a secondary navigation menu using embedded unordered lists with anchors and headers. Using a CSS reset sheet all headers and anchors are set

Answer 1

list-style: disc is interpreted as list-style: disc outside so I think that just avoids FF's layout problem instead of fixing it.

I'm having some success with a workaround that sets the first-child of the list-item to display: inline, which puts the marker back in the right place:

http://jsfiddle.net/6GhPT/2/

I've seen the same incorrect rendering (list markers displayed above block children of list items) in IE ≤ 9, too.