This is a problem with the CSS for the icon. This line:

.ui-accordion .ui-accordion-header .ui-icon { position: absolute;
left: .5em; top: 50%; margin-top: -8px; }

Needs to be changed to something else. IE6 doesn't like the top: 50%.
You will need to do something like:

.ui-accordion .ui-accordion-header .ui-icon { position: absolute;
left: .5em;top:.1em;_top:.2em;}

I didn't test this, you'll have to do some tweaking with the top/_top
as IE6 doesn't seem to give the same results. Hopefully this gets you
on the right track and this gets picked up by the UI team.

I originally found this problem when working with the open dialog
button icon. I have just posted this on the jquery ui bug tracker so
that it gets some visibility... I've posted this solution a few times
already on this group =/

http://dev.jqueryui.com/ticket/4547

On May 20, 11:42 am, Logictrap <[email protected]> wrote:
> The arrow icon display in ie6 is quirky. It disappears at times and
> then after about 20 seconds reappears.
>
> I was able to see this using the accordion sample page on ui site and
> in my own page:
>
> http://jqueryui.com/demos/accordion/
>
> Is there a fix for this?
>
> fyi: I really like the jQuery UI tools - looking forward to using them
> extensively in upcoming projects.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to