Opera handles jQuery's animate method in a very strange way

Answer 1

I tested your code under IE 7, 8 and FF3 and it works fine. However, as you have already pointed out, there's indeed a bug when running the animation in Opera. I tested it in Opera 9.64 and got the same results as you.

I searched in Google and in the Opera forums and could not find any reference to this particular bug. The closest that I could find was this: jquery-smooth-scroll-bugs.

You may have to create a ticket to report this bug with Opera.

Answer 2

You can put an empty div after <div class="cn bl">, and set its height to, say, 50px (or whatever is sufficient), and its bottom margin to the same, but negative value (that is, -50px).