Positioning flash vs IE = hair loss : please help

[hoolagon]

Hello

Yet again IE is causing me to pull my hair out.
link (http://kigwana.com/clients/booyippee/flash/)I am trying to line up the logo to the top of this page. It works fine in FF, but in IE7 it refuses to go where its told. I haven't been able to see it in IE6 yet.

This is the xhtml

<div id="top_bg">
<div id="flashcontent">
<div id="nonflashlogo"></div>
</div>
.
.
.
.
.
.
</div>

And the css

#flashcontent {
margin-top: -20px;
margin-left: -290px;
position: absolute;
height: 175px;
width: 590px;
z-index: 10;
left: 50%;

}
#nonflashlogo {
margin-top: 73px;
margin-left: 7px;
position: relative;
width: 590px;
height: 175px;
background: url('logo.png');
z-index: 5;
}

.................................................. .

#top_bg
{
background-image: url(images/top.jpg);
width: 100%;
height: 375px;
background-position:center top;
background-repeat: no-repeat;
z-index:1;

}

The weird thing is that before the flash detection kicks in the alternative nonflashlogo is displayed in the correct location.

Does anyone have more of a clue than me as to what is going wrong here?

Thanks,

Julian

[hoolagon]

fixed it. doh!

[ratherblue]

don't you hate that :P