site works in FF, forked up in IE. CSS tweaking?

[walterkilis]

Hello!

I am having an issue with a current project. When this website is displayed in firefox, it works perfectly. However, when displayed in internet explorer, the navigation and floating is off/broken. I don't know what is causing this.

There is something wrong with my CSS. Could someone look at my style sheet and tell me what is causing this problem?

I appreciate any help I can get on this. Thank you!

http://www.artistaffair.net/agency/#

[markbrown4]

Hello,

I'm assuming globalwarminglife is the site you are wanting us to look at?
The only thing that stands out is the header in IE6 - This is because IE6 doesn't support .png's

You need to explain what's wrong and where so we help..

[walterkilis]

Ah I forgot to include the link..... http://www.artistaffair.net/agency/#

[young72]

Don't know about IE7 but looks like in IE6 and below that IE is adding extra margins. Try adding a height and width to your logo image. I would also consider removing the absolute position on the logo. I don't think it's needed. And then maybe float the logo image left.

[Dan_A]

You could start by controlling margins and paddings ( * { margin: 0; padding: 0; } ), floating #navigation li right; and floating #navigation a:link, #navigation a:visited left; then set #content margin-top to 0

[walterkilis]

Thanks Dan_A and young72. The 15 pixels on the margin-top were screwing it all up. I am still using the absolute positioning, but everything works now. Thank you so much for the help!