Fieldset Nested in a List Item Bug in Firefox
I ran into this rather odd rendering in Firefox 3.6. I had a fieldset with content following it that was nested inside a list item.
<ul> <li><fieldset> ... </fieldset> <p>Additional information.</p> <li> </ul>
The odd behaviour became quickly evident when my list bullet would not line up next to the fieldset, as expected. Instead, it lined up with the content that appeared immediately after the fieldset.
I haven't found an easy fix for this except to remove the fieldset entirely. Setting the field set to
inline-block will do the trick, but at the sacrifice of having your fieldset automatically stretch to the width of the container.
I've tested this in Firefox 3.0 and Firefox 3.6 and the problem exists in both of those browsers. It does not seem to happen in Firefox 4 or any of the other rendering engines like Webkit or Opera.