Editor putting horizontal lines over top of document while scrolling

[Brandon]

I can only seem to reproduce this in Chrome.  When a document is long enough to require a scrollbar, scrolling will put horizontal lines over the newly viewable part of the document. It seems to be related to the <td> which has a border that the iframe is in.  If I change the color of the border-bottom the lines output over the document change with it. I thought removing the border would resolve the issue, but it puts white lines over instead of black, transparent border has the same effect.  I can't seem to reproduce this in Chrome with regular iframes or any of the official demonstrations on this website.  

I have tried changing ContentAreaMode to DIV and although the lines do not appear with this it causes other issues so isn't a viable solution.

Any help anyone has would be much appreciated.

[Rumen]

Hi,

Note that the content area of RadEditor is a standard editable iframe element and the rendering in it is managed by the browser and OS.

I have the following suggestions to eliminate this browser behavior:
1) Set the CssFiles property to point to an empty CSS file, e.g.

<telerik:RadEditor ID="RadEditor1" runat="server">
    <CssFiles>
        <telerik:EditorCssFile Value="~/Empty.css" />
    </CssFiles>
</telerik:RadEditor>

Therefore the editor will not load the page styles in its content area and this will eliminate the case when the problem is related to some style.

2) Disable the content filters (ContentFilters="None")
3) Remove the Undo/Redo buttons: Removing Toolbar Buttons
4) Set <compilation debug="false" /> in the web.config file

Best regards,
Rumen
the Telerik team

[Brandon]

Please remove the project link. 
I figured out the issue, the css background attribute for the html element of the iframe was being set to #FFFFF, just setting it to none cleared the background and also removed the horizontal lines.