CSS in IE6 Problem

[bounceWiggleBoun]

Hi there fellow experts of teh webz

I am working on a website for a project, and am having some nasty IE6 problems. I know I could fix the problem with a few tables here and there that show if the client's browser is IE6, but I would really like to refrain from implementing any strange IE6 workarounds and simply just do it all in the CSS (If possible).

http://thesenewkicks.com/dev/housing/

Does anybody know why the navigation bar doesn't show its background image? Furthermore, the text below the flash content is floating all wrong... anybody know why?

Thanks so much guys,
Keep surfin the tubes

[kungfu71186]

what it looks like is IE is floating the incentives part to the left.

Meaning put a float:left on there and in firefox it looks like the same.

IE 6.0 is all about floats is what ive seen.


As for the background try putting a height:1%;


One thing i noticed is you used a lot of overflow:hidden. If you take those off actually this is what it will look like in IE 6.0

You can try building that without the overflows and it will probably work in IE 6.0 for the most part. If you use some margins youll probably have to use a conditional to set the margins for IE6.0 which isnt a big deal.

I had a problem with this as well so i did away with overflow:hidden and got my design to work with just some margin movements.

[bounceWiggleBoun]

Thanks very much for the help- that did the trick.