CSS/IE 6 Compatibility Issue

Get Started
1

I have my new site working perfectly in all browsers except IE 6 where I seem to have an issue with the left column being pushed below the floating right column content. Can anyone tell me why this might be happening and how I can fix it? Thanks in advance for any help!

You can see the working site here: healthcareheroes.tv/joomla/

Here’s the main CSS: thehiphouse.com/staging/template.css
The IE 6 CSS hacks: thehiphouse.com/staging/template.ie6.css

And here’s a screenshot of the IE 6 issue:

2

You probably would have gotten a quicker response if you had posted this in the CSS section. It looks like if you remove the margin-right: 270px; that’s in the welcometext ID, that fixes your IE6 problem. I’m not sure how Joomla works but if that inline style can’t be removed, then simply add this to the IE6 stylesheet:

#welcometext { margin-right: 0 !important; }