Choffi has this cool side-bar navigation using an accordion (the idea was taken mainly from apple’s website which has a similar thing) that’s supposed to look something like:
I’m using jQuery 1.2.6 and jQuery UI 1.5.2. Everything looks fine in FF, but when I open it in IE7 it looks really bad (although it works):
After some tinkering, I tracked the issue down to the fact that the Accordion sticks a span element before and after each of my list items (<li>Test</li> becomes <span></span><li>Test</li><span></span>) which is forcing everything down I suppose because my li styles indicate the use of background images. I just LOVE FireBug (https://addons.mozilla.org/en-US/firefox/addon/1843)
Anyway, I edited the ui.accordion.js file to read:
on lines 42-45 — basically I just added an if statement before both the left & right spans are added. Now I can make my call like so (notice the disableLeftSpan & disableRightSpan):
and it looks good even in IE7!
I submitted a bug to the jQuery UI team, but until someone integrates these changes, it’s easy to do yourself.