IE 7 CSS Browser Compatibility Issue?

[newyork]

Hi,

Will someone please help me to fix an issue I am having with Browser compatibility?

When this site is viewed in IE 7 the logo image on the top left is partially hidden by the main image below it? This does not happen in IE 8 and above and sits on top of the main image below it when viewed with IE6.

All other browsers view this page correctly?

Site address:


http://www.sunit.site50.net/


Thanks for any suggestions you may have.

Sincerely,

New York

[chrishirst]

Posting three times, one with a different title won't make us look at your problem any sooner.

[newyork]

Originally Posted by chrishirst

Posting three times, one with a different title won't make us look at your problem any sooner.

Hi Chrishirst,

I am sorry but I was just going back to change some misspelling and did not realize that I was posting a new thread.

Sorry again.

Newyork

[rkrause]

You either need to make your header height match the height of that sun logo, or you need to use positioning and z-index to control the placement of the logo sitting over the top of the container. I'm surprised its even working as it sits.

Ryan.

[newyork]

Hi Ryan,

Thanks for that information!

I added: position: absolute; to the logo and it worked.

I did not add z index because it worked without it.

Is this a good idea?

Cheers

Newyork