[niksy]

Hello people,

I have a problem with div floating over another div.

Here's the page: Link

In IE7, FF, Opera and Safari it works just like I want it:

Link

But in IE6 I get this:

Link

And in IE5.5 this:

Link

What seems to be the problem? I think it's got something to do with my CSS, but I don't know what...

Thanks in advance!

[Cheeto]

Doing the math... it looks like your calculations on your width sizes on the contents within your main container may be off a little...

Have you tried shrinking your #content width down quite a bit... like below 586px?

Everything does look right... and I apologize... I don't claim to be a CSS expert... ;D

[pgo]

    #faux {
      width: 780px;
      background-color: #66CC33;
      position: relative;
    }
    #faux #faux-border {
      height: 2px;
      width: 780px;
      position: absolute; bottom: 0;
      background-color: #FFFF33;
    }

...what? Get rid of that stuff (and associated HTML) for starters.

Also, read about the box model and possibly the IE double margin float bug. Make sure you're doing all your math correctly. Avoid odd numbers for widths.

And don't even test in IE5.5 - it's dead.

[niksy]

Already fixed double margin bug.
Seems like my #faux div is wider than #content div (duh), better browsers allow content to go beyond container of fixed width, but <=IE6 expands everything.
Oh well, seems like no faux column for IE6.

Anyone knows some trick for fixing this?