Hello
Yet again IE is causing me to pull my hair out.
link 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
[COLOR=Blue]<div id=“top_bg”>
<div id=“flashcontent”>
<div id=“nonflashlogo”></div>
</div>
.
.
.
.
.
.
</div>
[/COLOR]
And the css
[COLOR=Blue]
#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;
}
[COLOR=Black]…[/COLOR]
#top_bg
{
background-image: url(images/top.jpg);
width: 100%;
height: 375px;
background-position:center top;
background-repeat: no-repeat;
z-index:1;
}[/COLOR]
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
