Im currently coding a website at http://mystycs2.uber1337.org/

And the right box seems to go under the left one. And this only happens in IE6, and the client wants it to work in IE6.

This problem is only in IE6.

How can i fix this?

Thanks! :)

I don't have Ie6 on this system, but what happens if you reduce the width of the content column? I would wager that that column needs a few px shaving off the width attribute to make it align properly.

I'm running IE6, I see what you mean.

Sometimes if you mess with the coding when it works in others kinda looks off just to get working, maybe your best bet is too you use a browser detector (.js script) or something to defind that table.

but if you can change it the tables without any issue's it should work too.

ImgWiz.com/uploads/72454b7735.jpg

It is a width issue. Especially with floating elements, IE 5.5 and 6 screws pretty badly in margins (they add up parent's margin etc.)

Personally, I am so sick and tired with IE 5.5 and 6 issues, I just create a second CSS and JS file for IE6, instead of bending over to satisfy all the browsers in one file.

For 5.5, I just display a page says "Use another browser, please!" :)

Fixed it :)

Created a IE6 css :)

Yeah that's what I mean.

Looks a lot better now.

ImgWiz.com/uploads/3976f1046a.jpg