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