Both IE6&7 has the same problem. When I first added this effect to images I noticed this same issue in IE and tried to fix it with no luck, so I just gave up and moved along with my project. Then later on I was suprised that problem was gone - both IE's we're acting like standard compilant browsers with no side flip. I was using mootools v1.11 during that time.
So problem was gone and stayed that way even when I updated my scripts for v1.2 (witch is in use right now). Then couple of days ago I made some very small changes to my subnavigation rules in CSS and subnav hover fx in main js file (didn't change the actual script, only styles that it modifys) when I noticed that IE flip was back (although I can't be sure was it actually those changes that caused problem since I test with IE only occasionally, but it was only mod that I did after 1.2 update and I damn sure tested with IE after that one and there was no side flip then). That's why it feels so damn strange - problem first seemed to fixed by itself and then suddenly it's back when I haven't done any changes to actuall script. Here's my whole external moo stuff: http://demo5.blowback.fi/js/blowback.js On 17 joulu, 15:36, electronbender <[email protected]> wrote: > Works fine in IE7? > > On Dec 16, 1:33 pm, Roope <[email protected]> wrote: > > > Hi all! > > > I have very simple hover fx for frontpage hotspot images: > > > var hover = $$('.hotspot'); > > hover.each(function(element) { > > var fx = new Fx.Morph(element, {duration:180, transition: > > Fx.Transitions.Cubic.easeInOut, wait:false}); > > element.addEvents({ > > 'mouseenter': fx.start.pass({'bottom':30}, fx), > > 'mouseleave': fx.start.pass({'bottom':15}, fx) > > }); > > > }); > > > Hover lift works in IE but for some reason images flip about 10px to > > left and I can't figure out what could be causing it. Maybe someone > > has idea for this? > > > Demo:http://demo5.blowback.fi/ > > CSS:http://demo5.blowback.fi/css/main.css
