I don't have a lot of experience in IE hacks at all. Personally, I hate everything about IE, especially how no one has a simple standard. Anyway... URL: www.metropolischamber.com In IE 7 or 8 (not sure) the superman logo is over top of the first item in the navigation, which is 'members'. They contacted me saying they didn't have a members page. Please send me some links or any advice you may have in this matter. I appreciate it DP! thanks. HERE IS THE CSS FOR THE SUPERMAN IMAGE: #supermanlogo {width:240px;height:180px;background-image:url(images/supermanlogo.png);position:absolute;background-repeat:no-repeat;z-index:300;margin-top:-105px;margin-left:140px;}
Personally i'd try to avoid any hacks at all, as most layouts rarely require a hack, only in special circumstances. Especially how you are feeding another stylesheet to IE, this should be avoided altogether, it'll just bloat the code and create more problems that need further hacks etc.. It would seem your overcomplicating things a bit, including the use of too many DIV's, for example: <div id="header"> <div id="header_inner"> <div id="header_image"> <a href="index.html"> <img border="0" src="images/header.png" width="300" height="115"> </a> </div> <!--closes header image--> <!--closes header_inner--></div> <!--closes header--></div> Code (markup): Is crazy. You can easily simply your code and have the same visual effect. Remember to make use of all the CSS properties such as margins paddings background images etc, to create the positioning and look you need. I'm not at my P.C right now but if your still having trouble i'll post up an example later..
Too many divs will cause this mistake. Put the superman logo in the same div at the very top header. give it float;left and make the head a bg color. float;right the chamber of commerce wording and you should be ready to go.
Thanks for the advice 'b15ginz'. I'm assuming I need to make a class for the superman image (telling it to float:left? Then, I guess I would need another class for the right logo image too?