子框架中页面向主页面传送textarea 内容不相符

ss.htm 内容:<textarea name="ss" id="ss" cols="45" rows="5"></textarea>
<br />
<br />
<iframe src="ss2.htm" width="400" height="400"></iframe>
ss2.htm 内容:<textarea name="ss2" id="ss2" cols="45" rows="5">a
b
c
d</textarea>
<script type="text/javascript">
top.document.all.ss.innerHTML=document.all.ss2.innerHTML
</script>
说明:
打开主页面 ss.htm 后, 理论上主页面的 id为ss的textarea区域内显示的内容 应该跟ss2.htm中id为ss2的textarea区域的内容一致,但实际上不是这样ss2.htm 中 ss2的文本区显示的是
a
b
c
d而主页面的ss文本区显示的却是 a b c d (四个字母在同一行)请问,怎么样才能让主页面ss文本区也显示
a
b
c
d
这个样子,谢谢!!