包裹<a> tag around <li> in firefox 3.6</li></a>时遇到问题

Question

<a href="#vantage_model_home" class="model_link"><li id="vantage_btn">Vantage</li></a>

的CSS：

    #model_nav li{float:left; display:block; position:relative; z-index:500; cursor: pointer; width:100px; height:37px; text-align: center;}

a.model_link{font-family: Helvetica;  color: #333333; font-size: 18px; font-weight: bold; text-decoration: none;   border:1px solid;}

a.model_link:hover{color: #aaaaaa;}

上面是列表中某个按钮的示例。我想要的是100px x 37px li按钮，它总是将标签的大小增加到100px×37px。它适用于safari和chrome，但是在firefox中，标签只包围li里面的文字而不是li的宽度和高度。

Answer 1

HTML不允许<a>被<li>包裹（<li>的所有可能父元素都不能<a>作为子元素，而{{} 1}}可能没有<a>作为子元素。

将链接放在列表项中，然后根据需要设置样式。听起来你想要从<li>开始。 Listamatic可能会提供进一步的灵感。