CSS and Javascript Page Layout

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
We would like to have a CSS and JavaScript template made which allows a SWF (flash movieclip) to have its overflow hidden when the browser window is resized. What we want is for the flash movieclip to stay the same size, but, as the window is resized, we would like the movieclip to remain centered on the page while the overflow is hidden. This solution has a few caveats:

1. It will have to work on Facebook canvas in an iframe.
2. The solution has to be CSS/Javascript XHTML based and cross-browser compatible.
3. It must be compatible with swfobject, jquery and/or other well known libraries and not conflict with them. Custom JS is acceptable but to be avoided for things like embedding of the movieclip, again, for reasons of reliability.
4. There can be no scrollbars other than the main scrollbar which scrolls the browser window up and down.

I have made a rough example here http://www.qublix.com/widescreen/ - NOTE: this example does not meet the requirements. It just work somewhat properly but it is not done and does not work on Facebook as it should.

I can provide the sample swf but the size of the swf we will use is 1540x1000 pixels.

The final version will be tested in all modern browsers and if it does not work we will reject it. IE6 compatibility is not a must if that is a problem. In fact we don't care much for IE6.

Skills required:
CSS, HTML, Javascript, MySQL
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.