Hi,

I'm using a slide system (div wich moving up or down and the content is hide at the slide end) on a div using the animate function of jquery. My problem is on IE6 ; pictures placed with position absolute are still displayed at the sliding end.

If I don't use position absolute, it's good. On firefox, no problem of course.

My code :

The sliding div in my page (php):

    

     
while ( $row = mysql_fetch_array( $sql_participants ) ) {
 make_fiche_75x92();
 if ( $row['waiting_list'] == 1 )
 echo '<script type="text/javascript">$(".small_picture_75x92").fadeTo(0,0.8).append(\'<img src="/images/clock.gif" border="0" alt="" style="position: absolute; width: 16px; height: 16px; margin: -75px 0 0 57px !important; margin: 2px 0 0 -20px;"/>\');</script>';
}







    

Then the javascript code :

    

     
$("#sliding_down_s").click(function() {
 if ( $("#all_suscribers").offset().top > 444 ) {
 $("#sliding_down_s").hide();
 $("#all_suscribers").fadeTo(200,0.4).animate({ marginTop:"-="+( 308 ) +"px"}).fadeTo(200,1, function() {
 $("#debug_mode").html( $("#all_suscribers").offset().top );
 if ( $("#all_suscribers").offset().top > 444 )
 $("#sliding_down_s").show();
 if ( $("#all_suscribers").offset().top < top_all_suscribers )
 $("#sliding_up_s").show();
 });
 } 
});