If Your JQueryUI Is Broken in IE 7

I implemented JQueryUi’s accordion on a few sections of a recent project, styling up the headers and content from scratch so as to fit in with my site design. When it came to test the sections in IE7 however, the accordion simply displayed on the page as standard HTML h3’s and divs, as if the JQueryUI file had simply not been included in the page.

It turned out that by ignoring the provided CSS stylesheet and applying my own styles to the accordion I was missing a vital style setting that is included in the css file:

.ui-helper-reset { border: 0; }

Adding this style to my CSS solved the problem.

Leave a Reply

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