awp.black.69

Hi Jonathan, That fixed the problem. Thanks for that and sorry for the delayed reply.

Hi Jonathan, Finally I found the problem. "filter" used for applying gradient in IE was the culprit. Here I have created a simple codepen example: http://codepen.io/anon/pen/QwLYaB If you remove filter style from button it works fine in IE (edit IE9). Please, have a look and let me know if there is a fix.

Hi Jonathan, I am using Window 7 Professional with stand alone IE9 (not emulated), version 9.0.8112.16421. Diaco.AW : That's the problem, when I try to create a reduces demo it works fine. As I told this is very specific to my page (an Ad to be more precise). Here is a test link: http://teststudio.bonzai.ad/mizu/ie9issue.html I have managed to create a very simple ad, though you wont be able to see the source as it is minimized.

Seems like you are trying to access the pauseBtn before DOM is ready, this is working in Codepen because it is automatically taking care of that. Putting you code inside DOMContentLoaded worked for me. Something like this: document.addEventListener('DOMContentLoaded', function(){ var pauseBtn = document.getElementById("pause"), tl = new TimelineMax(); tl.staggerTo(".circle", 1.5, {x:640, repeat:-1, repeatDelay:0.5, force3D:true, ease:SlowMo.ease.config(0.2, 0.5)}, 0.15) pauseBtn.onclick = function() { tl.paused(!tl.paused()); pauseBtn.innerHTML = tl.paused() ? "play" : "pause"; } });

I am trying to rotate an element(button) counter-clockwise 90deg using TweenLite. It is working fine in chrome and firefox but misbehaving in IE9. Expected behavior is that it only rotate but in IE9 along with rotation it is changing is position also. This behavior is consistent in IE9 and is produced only in special case, with simple rotation test in IE9 the behavior is as expected. Here is a video for reference (notice the button labeled button 17): http://screencast.com/t/waaEX1NxWcTd The HTML of button looks something like: <div data-id="animWrapper_spin9ivgo7os" style="height: 11.2%; width: 8.65979381443299%; position: absolute; top: 17.6%; left: 67.5257731958763%; z-index: 8; -webkit-perspective: 400; -webkit-backface-visibility: visible; -webkit-transform-style: preserve-3d; display: block;"> <button checked="checked" tagname="BUTTON" src="" srcsize="0" srcduration="" srcformat="" domstyle="[object Object]" name="button 17" class="button adelem" data-id="9ivg" adtype="button" style="width: 100%; height: 100%; left: 0px; top: 0px; z-index: 8; -webkit-perspective: 400; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;">button 17</button> </div> The rotation is applied to the div wrapping the button [data-id=animWrapper_spin9ivgo7os], which is inside another iframe. I am unable to reproduce the error in simple page. Please help me if someone know what could have been the reason.