css - MooTools slide jumps around in wrapping div -

i'm using slide effect 'closing' div, works fine, except before sliding, jumps diagonally in wrapping div, next floating div that's above it. making ugly...

this illustrates i'm talking about: http://jsfiddle.net/elxpf/

when floated div not floated, well, has float. think wrapper applied non-floating div when slide effect initiated, not clear: both; or effect, causing leap diagonally.

what's best way resolve this, retaining floatability of floating div - , preferably without using wrapper elements?

i suggest use .dissolve() instead.

$('slide').addevent('click', function () {     $('two').dissolve() }); 

demo

and can use .reveal() bring back.

$('slide').addevent('click', function () {     $('two').dissolve(); }); $('one').addevent('click', function () {     $('two').reveal(); });