IE6 some content outside of div, some disappeared.

[bryce4president]

In a website I'm working on I have a wrapper div that contains two divs that are floated next to each other. The left div looks ok but the right div is a mess. There are two divs inside the right div. One is displaying a small message in a box and the other is an img inside of a containing div that I pinned to the bottom right of the floated div. Everything looks great in IE7/IE8/FF3.x but it doesn't look right in IE6. I need it to work in IE6, I can't just ignore 15% - 25% of the web audience (depends on who you ask of course).

The site is www.inaglaze.com. Any help is greatly appreciated.

thanks
Bryce

[mitya]

Suggestion: kill the float on #right, set it to:

position: absolute;
right: 0;

...and give both #left and #right fixed or percentile widths, such that they can sit next to each other without overlap.

That should fix it.

As a side note - there is a bug in IE6 (no, really?) with regards to floating. Sometimes the floated DIV is in the correct position but its contents disappears. The solution I found was to give it position relative as well as float.

[bryce4president]

The position:absoute; and right:0; didn't fix IE6. I can see the pink box off to the right but its still outside of the containing div.

Anybody else willing to take a look and offer advice? I hate IE6, it needs to die.