为什么FF3在<a>内部呈现<h3>错误？

在FireFox中查看此页面.您可以随意导航到前六个产品类别中的任何一个,以查看更多相同类型的代码.

如果你有幸看到故障,你会看到至少有一个产品盒将它的高度扩展到史诗般的比例.

这是代码:

  
    
DHT 1500
    (superfluous HTML omitted here)
  

这是Firebug揭示的内容:

   
    
DHT 1500
    (superfluous HTML omitted here)
   

你可以看到FireFox绝对关闭我的标签并再次重新打开它们,并随之拉动自定义CSS高度样式,这导致每个产品盒高度暴涨.还要注意奇怪的_moz-rs-heading =""位.

我怀疑我的问题与我在内联标记中使用块HTML元素有关,但我认为我通过在样式表中将标记转换为块格式来解决了这个问题:

.product_category a {
    display: block;
}

FireFox正在为我的标签播放收藏夹.它通常会像我想要的那样呈现页面,但随后每隔一段时间,它就会将我的产品盒中的一个打得天高,看似随意.

这些页面在Internet Explorer和Safari中正常工作.我在Mac上使用FireFox 3.6进行了测试,但在FireFox for PC上也遇到了同样的问题.

在内联元素(a)中具有块级元素(h3)是无效的HTML.

将块元素更改为范围,并使用CSS根据需要设置样式.