Ukážka fieldset a bacground-color

Vysvetlenie ukážky je na stránke http://pmasarik.info/blog/

Táto ukážka funguje len v prehliadačoch s jadrom Gecko (Mozilla, Firefox...)

Tu je legend

#only_ff fieldset {
 height: auto;
 background: #ffc;
 padding: 20px 10px;
}
#only_ff legend {
 background: #fcc;
 border: 1px solid #000;
 padding: 0px 30px;
}

Táto ukážka funguje vo všetkých prehliadačoch, ale pre Operu sa musí celý formulár obaliť do ďalšieho DIVu

Tu je legend

#only_ff_opera fieldset {
 position: relative;
 height: auto;
 background: #ffc;
 padding: 20px 10px;
}
#only_ff_opera legend {
 position: absolute;
 top: -10px;
 background: #fcc;
 border: 1px solid #000;
 padding: 0px 30px;
}
#only_ff_opera {
 position: relative;
}

Táto ukážka funguje vo všetkých prehliadačoch, aj bez toho DIVu pre Operu

Tu je legend

#all fieldset {
 position: relative;
 height: auto;
 background: #ffc;
 padding: 20px 10px;
}
#all legend {
 position: absolute;
 top: -10px;
 background: #fcc;
 border: 1px solid #000;
 padding: 0px 30px;
}
html>body #all legend {
 position: relative;
 top: -30px;
}

Táto ukážka je od JohnyB

Tu je legend

#johny fieldset {
 background: #ffc;
 border: 1px solid #000;
 padding: 20px 10px;
 height: auto;
}
* html #johny fieldset {
 position: relative;
}
#johny legend {
 border: 1px solid #000;
 background: #fcc;
 position: relative;
 top: -30px;
 padding: 0px 30px;
}
* html #johny legend {
 position: absolute;
 top: -0.6em;
 left: 0;
}