Flash Black box of death

Ive recently worked on the site for the Orchard recruitment agency at www.orchard.co.uk
The site was designed to float in the middle of the browser, so I copied and pasted a bit of css code that I had previously used on another site (www.4am.co.uk) the other site used a combination of javascript and css to resize the flash movie within. Its a very swanky idea, your flash movie grows and shrinks depending on the size of the page, so you dont have to design all your pages to fit in the same set size.

the shorter version
Anyway, the css was responsible for the flash movie size, the flash being 100% of the containing Div (you're a div). If viewed using Internet Explorer the user sometimes see nothing but a black square where the flash should be, it works perfectly when viewed in other browsers.

So whats the answer
Well at the time of writing the answer is to set the size of the flash movie manually, ie not letting the css be responsible for it. This site doesnt use the resizing ability anyway. Its not Ideal but I cant linger on this for too long, if anyone knows why this is happening let me know.