Okay, I've worked out the issues for most of the ie7/ie6 issues on the main site, however, in my whmcs integration (I only added my header and footer to the header.tpl and footer.tpl and added css as appropriate), the footer in ie7 and ie6 is cut off. Although I can manipulate the ul li links around, I can't get the text to move over as it is cut off (see screenshot). Any ideas? I've never run into this issue before and since it didn't happen on my wordpress template, it must be something in the whmcs css that is causing this to happen and only in ie7/6. If I knew what property to target, I could override it in the end.

The page in question is at http://my.powermonster.net .

Thanks!

Scott

try adding position:relative to both #top_light5 ul and #top_light5 li

The following code


#top_light5 ul a {font-size:12px;margin-left:-40px;padding-top:10px;text-decoration:none;
Is what is causing the active link to move -40px to the left. If you remove that it will work fine in IE, but break it in firefox, i would suggest you re-write the css a bit, there is no need to be using negative margins for a simple list :)

C.

Edit. Try using 4 UL tags instead of just one, that should make it much easier.

Thanks! That fixed it.