I have a div with the following properties:
position:absolute; top:125px; margin-left:1%; width:70%; margin-right:1%; background-image:url(../image/box.png); padding:5px 5px 5px 5px; border:1px solid #707070; height:auto;
which should allow the box.png to repeat at will on both axis. The box png has an opacity of 80%. While it starts as it should in the upper left corner it fades going down and to the right (creating a nice radial effect) until the page background is completely visible.
an example screenshot can be seen at www.derekgrape.com/demo/fade_issue.jpg