I am making this a community wiki, for three reasons:
In options you should set:
navigation: true
Just change 'autoHeight: false' to 'autoHeight: true'.
Same problem as all in IE7 with well formed standard HTML markup. What finally worked was removing autoHeight: "false"
and using clearStyle: "true"
.
I also created an IE < 8 version of the accordion Initialization with:
if ( $.browser.msie && $.browser.version < 8 ) {
//ie<8 version
}
else {
//version for the good browsers
}
Having similar issues, and I notice a few people suggesting looking at doctypes.
I just tried viewing the actual jQuery UI site and their demo accordion work just fine in ie6, suggesting it is a problem with my code (more detective work for me). But I also notice that the jquery.UI sites doctype is simply <!DOCTYPE html>
I was having a problem where the div below my header in the accordion, which had a white background over a blue page background, had its background-color disappearing. Sometimes when hovering over another header element, it would show up; sometimes when highlighting text, it would show up again too. It was very strange and ONLY HAPPENING IN IE7.
Applying zoom:1; targeting only IE7 on the ui-content div fixed this.
I hope that helps someone because I just spent several hours trying to track this down.
I have a similar issue, and i fix it by adding this doc type. And it works in both IE and FF
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >