Thursday, April 13, 2006

More IE Fieldset Wackiness

If you have a legend element styled position: relative; within a fieldset, the top border of the fieldset will be pushed down the page. The amount the top border of the fieldset is pushed down the page is equal to the height of the content preceding the fieldset.

This is true only for the first fieldset on the page. Subsequent fieldsets will display normally, regardless of whether their legend elements use position:relative. See the test page for a demonstration.

The good news is, there is a fix: simply applying position:relative to the fieldset element in addition to the legend element will fix the bug.

Was this post helpful to you? If so, please consider making a small donation to keep this blog going.

0 Comments:

Post a Comment

<< Home