I still have not been able to fix this. I tried a different solution where I made the tree an absolute image with a z-index that was behind 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 the above post's solution to work. It is strange that this only happens in Firefox.
On Mar 11, 11:57 pm, Jason Broyles <[email protected]> wrote: > 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. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
