iframe中背景图片设为no-repeat引发的异常

问题：

页面中嵌入一个IFRAME的弹出层效果，docType为xhtml1-transitional，此时若为BODY设置了背景图片，且设置了background-repeat属性，在使用滚动条的情况下将出现显示异常，内容会出现残留覆盖。如下图所示：

 

原因：

未知...

解决办法：

1. 去掉网页的DOCTYPE属性
2. 不使用background-repeat属性
3. 将背景样式设置到html对象上（滚动条好像也必须要这样）  --- 本人认为最优方案