Accordion messing up links inside of lists in IE6/7
I have a sample of the issue up here:
http://jsbin.com/ohuze/2
It's an accordion. Within the accordion are lists. Each list has an anchor tag + a question mark.
If you view it in IE6 or 7 you'll see the problem: Each of the anchor tags are being rendered in what appears to be display: Block. As such, the question marks aren't inline with the text.
In addition, the numbers for each LI are aligning to the BOTTOM of the text rather than the top.
I'm completely stumped as to what in jQuery UI is causing this. Moving the list items outside of the Accordion removes the issue. I've tried explicitly setting display: inline both via CSS and via jQuery after the Accordion is set up but neither resolve the issue.
Has anyone ran into this and found a solution?