Slide does not work in IE6 with absolutely positioned DIVs

[bnahas]

In IE6, if you have absolutely positioned DIVs contained within an outer DIV, the slide effect does not work properly on the outer DIV. In some cases absolutely positioned images appear in their position immediately and the text content slides, and in other cases the content behaves like hide and show.

It works fine in Firefox. Have not tried it in Safari or IE7.

Text Only Example:

<div>
    <a onclick="$('.slideThis').slideToggle();return false;">toggle</a>
</div>
<div class="slideThis" style="display: none;">
    <div style="position: relative;">
        <div>Hello there! aosjd oiajsd goija sogdoas dogioasdiuh asdg
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asdofj aoisdjf oaosdg oahgdiuha isgh iuasdgih asighiuaghd
            asdgiuh asigdh uiahd giha sihdg iahsd gih aiuhdg iuahsd gih as
            asodgi oasdg iuahsd giuhaihdg iuhasdgih isgh iugsd
        </div>
        <div style="position: absolute; right: 3px; top: 3px">saoijgoaijsd gioja sdogjoiaj dsgjadogjioagj</div>
    </div>
</div>

[john]

Works fine for me: ​http://dev.jquery.com/~john/ticket/1186/