[Solved] centering an swf with overflow hidden

Posted: Mon, 2008-07-21 16:31

Hey everyone, I have an swf that is about 1700 pixels wide in a div. I want to center the swf and use overflow:hidden; to hide the extra width. Essentially, I want to create the same effect as if the swf was a background image using background-position:top center;. I don't want to have to shrink my images down using width:100%. Any suggestions? Here is my css:

body, html {
background-color: #000000;
margin: 0;
padding: 0;
}

#header {
position: absolute;
left: 0;
background-image: url(images/headerexample.png);
width: 100%;
height: 49px;
min-width: 1000px;
}

#main {
height: 481px;
margin-top: 10px;
overflow: hidden;
min-width: 1000px;
}

#menu {
position: relative;
top: 4px;
background-image: url(images/logonavexample.png);
width: 796px;
height: 39px;
margin-left: 50px;
}


#footer {
position: absolute;
top: 520px;
background-image: url(images/footerexample.png);
width: 100%;
height: 200px;
min-width: 1000px;
}