Make IE6 Legend Padding go away
I am trying to make the legend tag in a fieldset expand to take full available width, however it seems that I can't get rid of some extra space in IE6 (and lower versions most likely).
This is my code:
I know this won't expand to the full width in Mozilla but I'm gonna have the legend text in <h3> tags in the destination HTML file. However right now I'm focussing on explorer, and you'll notice that the legend contents do not sit flush with the left side of the page. Is there any way I can fix this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<fieldset style="border:0px none; margin:0; padding: 0;">
<legend style="width:100%;background:yellow;margin:0; padding:0;text-indent:0;border:0;">Health information:</legend>
Height <input type="text" size="3" />
Weight <input type="text" size="3" />
Also if you could test how it works in whatever other browser you may be using, that'd be most excellent, just let me know if it's flush with the page edge (don't worry about the width).
Thanks in advance,
Perhaps this should've went in Browser Issues. Oh well :)