fadeIn() when div is floating

fadeIn() when div is floating

Hi guys,

today a problem with "fadeIn()" occured, when i was trying to fade in some floating elements. I tried to figure out whether it is a known bug or not, but i couldn't find any information about it. So i came here to ask you for help! I have the following html code:

  1. <div id="someField" style="float:right;"></div>

When the user clicks on a button, this div should fade in by using the following code:

  1. $('#someField').fadeOut('slow', function() {
  2.       $('#someField').html('SomeContent');
  3.       $('#someField').fadeIn('slow');
  4. });

Note: I fade out first, because my application may have some content in that div caused by some previous events. Another reason is, that i first fade out to hide from the user, that the div gets some content.

Now, the problem is, that fadeIn() won't fade in, it just skips the animation. If i take the following html code (remove the floating), it works:

  1. <div id="someField"></div>

I am using Firefox 13.0.1 on Debian.
Can someone reproduce this behavior? Or maybe am i using fadeIn() wrong? Where is my mistake?

King regards,

DarkXin