CSS Problem in IE6

I am using the below mentioned styles in my page.

--------------------------------------------
.shadow{
padding:0;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
margin:.5em 4px 0 0;
}

.border{border:1px solid #999;
}
--------------------------------------------

I use them as:

<div class="shadow">
<div class="border">
<p>My text come here ....</p>
</div>
</div>

It generates a grey border box with 1px border width on left & top and 3px width border on right and bottom, which looks like a showdowed box.

The problem which am facing with this in IE 6.0 is that when my content in these div's is too long, the border and the shadow starts breaking randomly from left and right.

Can someone please suggest me a solution to avoid this problem.

Please refer to the attached screenshot

Thanks
Ashish