We know by now that IE has a problem displaying a fieldset background colour or image incorrectly. The colour is bled out and overspills into the legend tag. But we don`t want our websites to look scratty, so lets fix it.
You can use css here or continue for the image based mathod.
The image method is quite simple really. Typically IE renders the fieldset background 8 pixels above the top of the fieldset. We can set a background image or even a single colour background image with an 8px header built up of transparent pixels.
<a href=”http://img255.imageshack.us/my.php?image=fieldsetbackgroundwg8.gif” target=”_blank”><img src=”http://img255.imageshack.us/img255/2502/fieldsetbackgroundwg8.th.gif” border=”0″ alt=”Free Image Hosting at www.ImageShack.us” /></a>
See what I mean. Adding the 8px of transparent pixels still leaves us with the same problem of the background image overlapping the legend tag however now we just can`t see it.
Simple really :o)
0 Responses to “Image method to fix IE fieldset background bug”