3 Pixels

Solution

<!--[if lt IE 7]>
<style type="text/css">
div#demo2LeftDiv
{
margin-right: -3px;
}
div#demo2RightDiv
{
margin-left: 0px;
}
</style>
<![endif]-->

First of all, note that the condcom is for IE below version 7, this is because IE 7 fixes this bug. We simply set a negative right margin of 3 pixels on the left div and to make sure that the divs go next to each other we also will need to set left margin to zero on the right div.

Div cut

Solution

The fix for this bug can go two ways. Either make the container to have hasLayout set to false or add position: relative; and give "layout" to the element on which you have negative margins.

The second method would be to give "layout" and add position: relative to the element with negative margins.

<!--[if IE]>
<style type="text/css">
div#demoInsider
{
position: relative;
zoom:1;
}
</style>
<![endif]-->