Any CSS gurus here? Help badly needed.

[envisioncs]

Ok, maybe someone here can help me solve my problem. I am setting up my personal site using CSS in a three column layout. I had everything looking good in IE6 and Opera, but of course IE5.x had issues with column width etc. I found solutions at bluerobot.com and glish.com.

So last night I tweaked everything to match the versions of IE, but now Opera freaks out. The banner area vertical dimensions changed (even though I didn't change them) and the content in the center column overlaps itself.

Here is how its supposed to look (IE6).
http://www.benbailey.net/ieview.gif

Here is what it looks like in Opera
http://www.benbailey.net/operaoverlap.gif

Any suggestions?

 

[Buddha Bart]

I've run into very similar problems in my site (also based off bluerobot) and I recently came to the conclusion:

Browser hacks are worse than browser detects.

They're just as likely to break with a new version, they make it much more difficult to maintain the code, and ultimatly your doing a browser detect anyway, just instead of doing it cleanly you're doing it through exploiting a bug.

What I'm saying is, my suggestion would be to cut out all the voice-inheret stuff and just make a couple seperate stylesheets. Then you can isolate what padding/margin/position settings work with which browser, and get everything working.

bart