[Moo] Mootools 1.1 Fx.Styles Demo Converted to 1.2

[Jon Robinson]

Hey guys,

First let me say I am a mootools newbie, so forgive my ignorance.  I
have been trying implement the mootools Fx.styles demo which gives a
cool hover transition: http://demos111.mootools.net/Fx.Styles

I noticed however this only works with mootools 1.1 and not 1.2.
After reading other forums I tried changing "Fx.Styles" to
"Fx.Tween".  However, that did not work.  Can someone please show me
what else I need to do to convert this script?  Thanks.  The following
is the javascript:

window.addEvent('domready', function(){   var list = $$('#idList li');
        list.each(function(element)
             { var fx = new Fx.Styles(element, {duration:200,
wait:false});
                element.addEvent('mouseenter', function()
                    {
                        fx.start({
                                       'margin-left': 5,
                                       'background-color': '#666',
                                        color: '#ff8'
                                   });
                    });

                element.addEvent('mouseleave', function()
                  {
                     fx.start({
                                    'margin-left': 0,
                                    'background-color': '#333',
                                    'color': '#888'
                                });
                   });
           });
                });