Advanced Search

Return to Snippet

Revision: 20031
at November 4, 2009 20:32 by jonathanpglick
Initial Code 
<!--[if IE 8]>
legend {
    display: block !important;
    height: 0;
    margin: 0;
    padding: 0;
    width: 0;
    visibility: hidden;
}
<![endif]-->
Initial URL 









Initial Description





This IE8  bug causes the top half of a fieldset's border to not show when it contains a `<legend>` that is hidden with `display: none;`

The solution comes from [nicksnell.co.uk](http://nicksnell.co.uk/journal/2009/08/19/internet-explorer-8-fieldset-legend-bug).  Be sure to put the following CSS into an IE8 conditional comment because it *will* fuck with other browsers' rendering.









Initial Title





IE8 Fieldset Legend bug fix









Initial Tags














Initial Language





CSS