The problem goes away if you add a width to the parent element.
<DIV STYLE="background:white;width:100%;">
<div ID="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
Section 1 content
</div>
<h3><a href="#">Section 2</a></h3>
<div>
Section 2 content
</div>
<h3><a href="#">Section 3</a></h3>
<div>
Section 3 content
</div>
<h3><a href="#">Section 4</a></h3>
<div>
Section 4
content
</div>
</div>
</
DIV>
<SCRIPT LANGUAGE="javascript">
$("#accordion").accordion({autoHeight:false});
</SCRIPT>
On Jul 15, 4:20 pm, Alberto Perdomo <[email protected]> wrote:
> Hi, we are having the exact same issue.
> It seems to be related with CSS.
>
> In our case the accordion is placed within a container hierarchy.
> Removing the background (background or background-color) property from
> the container makes the accordion work fine in IE7 (haven't tested
> IE6). We are trying to figure out a workaround to set the background
> in some other way.
>
> Maybe it could be some kind of collision between the jquery custom css
> and our own CSS?
>
> Cheers,
> Alberto.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
