Date: 07/12/07 (WebDesign)    Keywords: browser, css

I'm coding a site for a local business. It works just fine in everything but IE. Not usually a problem - I just use conditional comments to filter out IE browsers and direct them to using an IE-specific CSS file.

But this site is slowly killing me: http://www.1skinnygirl.com/clients/kidtalk/

The wrap in IE6 has about 120px extra whitespace to the right. I cannot figure out why this is happening. I've even had it happen once before, about a year ago, but those particular memory cells must have self-imploded.

In IE6 and IE7, there is some overlapping amongst the boxes on the right side. I know this is because I have the top margin of the "Why Choose KidTalk? / Make a Payment / KidTalk, Inc." group (ul#otherpages) set to -1.5em; it needs to be this way for every other browser.

I've attempted to set it to 0 for IE, but it's not working. For some reason, conditional comments aren't working; star hacks aren't working; nothing is working. I am very frustrated. Please help - I only have to fix this before it can go live and I can get final payment. *Sigh*

Source: http://community.livejournal.com/webdesign/1281199.html