IE 7 centering of .swf and repeated background position

[schonkton]

hello there,

i'm having problems positioning 1600 wide .swf. i want to position it center with whatever wont fit in the window hanging outside. even with overflow:hidden i have a scrollbar and my repeating background centers on the 1600 div which causes it to misalign. bear in mind the below styling works for IE 6 but not IE 7.

anybody got any ideas?

if somebody would please have a look in IE 7:

http://blackdogstreetwear.co.uk

many thanks

<div style="margin:0 auto; overflow:hidden; width:1600px; left:50%; margin-left:-800px; position:relative;"> 
<object
type="application/x-shockwave-flash" data="[URL unfurl="true"]http://blackdogstreetwear.co.uk/templates/redonwhite/images/bd_header280307_3.swf"[/URL] 
width="1600" height="300">
<param name="movie" value="[URL unfurl="true"]http://blackdogstreetwear.co.uk/templates/redonwhite/images/bd_header280307_3.swf"[/URL] />
</object></div>

 

[Vragabond]

Since you cannot put flash as background, you will need to put it inside an absolutely positioned element. Those are taken our of the document flow and if they hang over the viewport they should not cause scrollbars.