Fixing HTML Fieldset overflow in IE

So I was working on this webpage for a client, and after everything was ready, I discovered I ran into a few errors in IE (that should always be expected :( ). The major error was this:

broken fieldset IE

As you can see, the form elements overflow out of the fieldset, plus that weird bar over the top. Apparently I noticed a few other blogs having solutions to similar fieldset issues for IE7, but I’m sharing you what worked for me.

Just a simple overflow:visible :D alongwith the width.

<fieldset style="overflow:visible;width: 600px;">

broken fieldset IE fixed

Hope it helps anyone running into a similar issue. I spent an entire day working around this.


Tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>