IE vs. Opera CSS Help Needed.

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

The website is benbailey.net
Any suggestions?

well, the best, or most robust idea would be to have a different stylesheet for each browser.... then


IF browser.agent=mozilla

<mozilla css>

if browser.agent= IE

<ie css>

if.... and so on and so forth...