Problems in IE!

This is one problem I really need help with asap, so I’m hoping for at least one reply this time!

I’ve got a container movieclip which holds my site and that’s centered in the webbrowser.
However, when looking at the site in IE it goes from the top left corner down to the middle, instead of actually always being in the middle.
This does not happen in Firefox.
What’s up with this?

Here’s the code:


container._x = Stage.width / 2;
container._y = Stage.height / 2;

var stageL:Object = new Object();

stageL.onResize = function() {
    container.tween("_x", Stage.width / 2, 0.5, 'easeOutQuad');
    container.tween("_y", Stage.height / 2, 0.5, 'easeOutQuad');
}

Stage.addListener(stageL);

So as you can see I set the position even before resizing, so it shouldn’t do that animation.
If I change position in the HTML properties to the middle then the top left corner of the design will be in the middle (since that’s how movieclips works).

So any solution to this?

Thanks a bunch in advance guys!

I’m gonna be a bald man soon! :fight:

I tried the following code;


this.onEnterFrame = function() { 
    container._x = Stage.width/2;
    container._y = Stage.height/2;
}

And it centers the movieclip in IE, however, you can see the movieclip first being at the top left corner in the browser real quick, it blinks.
Haven’t anyone experienced the same problem or just for some reason know of a solution? :frowning:

I’m gonna go buy a Firefox T-shirt…

Update: Just discovered that it’s because of my usage of the laco “addon”.
If I remove these lines;


stageL.onResize = function() {
    container.tween("_x", Stage.width / 2, .5, 'easeOutQuad');
    container.tween("_y", Stage.height / 2, .5, 'easeOutQuad');
}

it works without any problems.
But of course I want to use this tween since it looks a heck of a lot better, so yeah… still looking for a solution.