Not 'Peekaboo' disappearing content?

[KarmaDungyu]

Hi, I have an anomaly on my page which appears on IE5.1, IE5.5 and IE6 on win, yet if you click off the page and then come back to it the anomaly has gone! I've read up on the 'peekaboo' bug, as my code has a float, but my problem appears in all three versions of IE, not just v6.

My page and style sheet are at:
http://www.defactosoftware.com/stagi..._cs_kiowa.html
http://www.defactosoftware.com/stagi...s/activity.css

In the 'Download' box half way down the page on the right, I initially see the anomaly, as shown in my screenshot. When I click away, and return, the artifact has gone, as in my second screenshot.

I'm stumped here, as it is beyond my as yet beginners CSS knowledge. Could anyone shed some light on this problem for me?

many thanks in advance,

Karmadungyu


The relevent html is:
<div class="Sidebox">
<div class="Boxhead">
<h2>Download</h2>
</div>
<div class="Boxbody">
<p style="background-image: none;"><img src="images/general/pdf_icon3.gif" width="32" height="35"
style="float: left; margin: 0px 8px 0px -9px" / > <a href="m_fresh_produce.html">Kiowa
Case Study PDF (285kb)</a><br>
</p>
</div>
</div>

The relevent CSS is:
.Sidebox {
margin: 0 auto; /* center for now */
width: 238px;
background: url('../images/activity/sbbody-r.gif') no-repeat bottom right;
font-size: 100%;
MARGIN-TOP: 30px;
}
.Boxhead {
background: url('../images/activity/distributor/dis_1_sbhead-r2.gif') no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.Boxhead h2 {
background: url('../images/activity/distributor/dis_1_sbhead-l2.gif') no-repeat top left;
margin: 0; padding: 22px 30px 5px;
font-weight: bold; FONT-SIZE: 14px; line-height: 1em; color: white;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */
}
.Boxbody {
background: url('../images/activity/sbbody-l.gif') no-repeat bottom left;
margin: 0; padding: 5px 20px 20px;
FONT-SIZE: 10px;
}
.Boxbody p {
margin: 5px 0px 3px 6px; padding: 0px 10px 5px 11px;
background: url('../images/market/fresh_produce/arrow.gif') no-repeat 0 3px;
}
.Boxbody a {
display: block;
}
.emphasise {
font-weight: bold;
}