Trying my luck over here because I am not getting any love in the jquery ui mailing list.
I am getting a strange behavior with Firefox using the accordion. This works fine in all other browsers including Internet Explorer. First, let me describe my setup. Firefox 3 (Tested in OS X and Windows, same behavior) jQuery 1.3. jQuery UI 1.7 Relevant screenshots: Normal- http://www.jasonism.org/media/normal.png Broken- http://www.jasonism.org/media/broken.png Corresponding code: $(function() { $("#accordion").accordion({ autoHeight: false, alwaysOpen: false, collapsable: true, header: 'h3', active: false }); }); If you take a look at the above screenshots you will notice a tree. This tree is a background image. Whenever I click on one of the accordion tabs, it in turns drops down everything underneath of it to make room for the content as it should. But the problem I am seeing is with the tree creating a stuttering effect. I know this may not be something I can personally fix and may just be a bug. But I thought I would start here. Thanks for any help you may be able to provide. I still have not been able to fix this. I tried a different solution where I made the tree an absolute image and put a z-index the middle container. This solved the problem for most browser but on the 2 pages I am using the accordion UI. In internet explorer the images z-index gets messed up and it does not show up at all. I would really love for the first solution to work. It is strange that this only happens in Firefox.