distortion of imported iframe in wordpress

Hi, I’m trying to use an rss feed provided by a news organization in the sidebar of a wordpress blog (misty-look theme). I’m calling it via:


<li class="sidebox">
<p id=jurist><h2 id='jurist-ss'>News from Jurist</h2>

<div id='jurist-rss'>
<script language="JavaScript">
document.write('<iframe src="http://jurist.law.pitt.edu/paperchaseheadlines3-ex.php&quot; frameborder="0" height="420" width="175" scrolling="no"></iframe>');
</script>
</div>

The problem is that, at least in Firefox, lines of text from the feed tend to “break up,” that is, become distorted with what appear to be horizontal lines. This effect shows up when the user scrolls down. Here’s a screencap:

http://www.depaulacs.org/screencap.jpg