IMG overlaying DIV's problem

[ChrisL]

Hi Guys,

I need a little help.

Webpage
CSS file

The main logo at the top left... In FF it works perfectly, with the logo displaying over the top of the Header <DIV> above it, but in IE it is stuck within it's own <DIV>. How can I get it to work like the FF version?

I've used a 'margin: -50px' to push it up to the top of the page. I thought about changing to a 'position: absolute' and specifying, but won't that mean that if the screen rez changes, it'll be stuck in the wrong place on the screen??

Please help,

Thanks,
Chris L

[Fang]

Moving margin-top: -52px; to #sidebar and adding position:relative; will fix the problem.

[mark_yieh]

you can also set a z-index. For example:

topHeader {z-index: 1}
mainLogo {z-index: 2}

[ChrisL]

Fang: Spot on! Worked like a charm. Many thanks.

Mark: I tried that and it made no difference whatsoever... Nevermind, it works now.

Thanks,
Chris.