IE6 out by 1 pixel?

Hi,

In the following example, I have two relatively positioned blue boxes with a
smaller white box absolutely positioned in each corner to create a cross
effect. The first cross is 45 x 45 pixels. The second is 46 x 46. When
viewed using NN7 and Opera7 everything looks as it should. When viewed using
IE6, the even width and height cross displays ok but the one with odd widths
and heights has the bottom and right hand white boxes positioned 1 pixel out
leaving a thin blue border. Is this a known bug?

HTML:

<div class="odd">
<div class="topl"></div>
<div class="topr"></div>
<div class="botl"></div>
<div class="botr"></div>
</div>
<p></p>
<div class="even">
<div class="topl"></div>
<div class="topr"></div>
<div class="botl"></div>
<div class="botr"></div>
</div>

STYLE:

..odd, .even{
position: relative;
background-color: blue;
}

..odd {
width: 45px;
height: 45px;
}

..even {
width: 46px;
height: 46px;
}

..topl, .topr, .botl, .botr {
width: 15px;
height:15px;
position: absolute;
font-size: 0px;
background-color: white;
}

..topl {
left: 0px;
top: 0px;
}

..topr {
right: 0px;
top: 0px;
}

..botl {
bottom: 0px;
left: 0px;
}

..botr {
bottom: 0px;
right: 0px;
}




Thanks

Phil