SWFObject sizing problem..

I have a swf ( 645×250 ) loading with SWFObject. When I run it locally, no problem.

When I run it on my server there is a large ‘border’ on three sides of the swf (about half an inch left right and bottom) . The border is still “Flash” – (ie right-clicking on it shows the Flash context menu) not html.

Maybe this might help:

<style>

/* This fixes an outline bug for swfObject */
#swfDiv {
     outline: none;
}

</style>

Thanks. But this is not the “outline” problem (I found plenty of references to that problem while googling an answer for this one) It is actually the flash stage is being rendered larger than the size specified in the “width” and “height” parameters of the object tag.

The weirdest thing is it renders perfectly in all the following scenarios:
Firefox, when it is hosted locally (on the file system or on the localhost server)
Chrome, when hosted locally
Chrome, when hosted on my remote server

But when hoted on my remote server and run in Firefox it enlarges the Flash stage by 64 pixels width and 25 pixels height (gray is the html background color – white is the Flash stage color) :

have you tried setting css container width/height with exact movie size ?

<style>

/* This fixes an outline bug for swfObject */
#swfDiv {
    width: 645px;
    height: 250px;
}

</style>

Adding to bitfade, I can imagine that the object will then somehow be cramped.

Try adding overflow: hidden;

to his css.