在firefox浏览器下不能正常识别iframe的#标记的问题

<!--outer.html-->
<div id="outer">
<div id="left">
<ul>
<li><a href="inner.html#chapter1" target="content">chapter1</a></li>
<li><a href="inner.html#chapter2" target="content">chapter2</a></li>
</ul>
</div>
<div id="right">
<p>引用外部html页面</p><br>
<iframe name="content" src="inner.html" frameborder="0" scrolling="no"></iframe>
</div>
</div>

<!-- inner.html-->
<h3><a name="chapter1">chapter1</a></h3>
<p>原来女娲氏炼石补天之时,于大荒山无稽崖练成高经十二丈,方经二十四丈顽石 三万六千五百零一块. 娲皇氏只用了三万六千五百块,只单单剩了一块未用,便弃在 此山青埂峰下.谁知此石自经煅炼之后,灵性已通,因见众石俱得补天,独自己无材不 堪入选,遂自怨自叹,日夜悲号惭愧.</p>
<h3><a name="chapter2">chapter2</a></h3>
<p>满纸荒唐言,一把辛酸泪!
    　　都云作者痴,谁解其中味?</p>

上面是两段示例代码，在firefox浏览器时，点击左边的链接，并不能显示滚动效果，请问这是为什么，有什么好的解决方法呢。

edit: 经过我的测试，我发现在chrome和firefox在是否发生滚动（定位到锚点）只要的决定是因素是"inner.html"是否完整被显示出来（不包括因为outer.html滚动条因素引起的不完整显示）。 如在iframe中加入width="240px" height="350px"样式就只有IE下才能发生滚动定位了（可以放大浏览器测试）。