Css 为什么链接不填充li元素，即使显示：block？

我正在使用superfish菜单，我遇到了一个我无法解决的问题，尽管我确信答案可能是显而易见的，我只是错过了它

基本上，我的a元素不会扩展以填充其包含的li元素，即使a元素被设置为display:block

请参见此处的示例：

css在这里：

下面是相关的HTML

<div id="homenav">

<ul id="nav" class="sf-menu sf-vertical">

<li id="company"><a href="*">COMPANY</a>
 <ul id="companymenu">
<li id="profilelink"><a href="*">Profile</a></li>
<li id="activitylink"><a href="*">Activity</a></li>
<li id="strategylink"><a href="*">Strategy</a></li>
<li id="teamlink"><a href="*">Team</a></li>
    <li id="financelink"><a href="*">Finance &amp; Governance</a></li>
 </ul>
</li>

<li id="development"><a href="*">DEVELOPMENT</a>
  <ul id="developmentmenu">
<li id="partnerslink"><a href="*">Development Partners</a></li>
<li id="sociallink"><a href="*">Social Responsibility</a></li>
  </ul>
</li>

  <li id="projects"><a href="*">PROJECTS</a></li>
  <li id="contact"><a href="*">CONTACT US</a></li>

 </ul>
</div><!--end homenav -->

我面临的第二个问题是如何使第二级菜单显示在每个第一级链接的相同位置。如果您将鼠标悬停在公司上方，则其第二级导航显示在正确的位置。但是，如果您将鼠标悬停在开发上，它看起来太低了一行-我希望它显示在与公司菜单相同的位置

---

有谁能帮我解决这个问题吗？谢谢

您的链接没有扩展到填充框的原因是它们被向左浮动。去掉这个，你应该会没事的。

从.sf菜单a.sf-with-ul（superfish.css line-93）中去掉填充，然后在#nav li a中添加100%宽度或140px（home.css line 75）。我已经在你的网站上测试过了，效果很好。在chrome和ff中测试。

A元素正在为我扩展（在chrome 16和IE8上）。。。一个供大家使用代码的演示页面：链接对我来说也不错。此外，第二级菜单将出现在您当前悬停的链接旁边，因为您将列表嵌套在li's中-这正是它的工作原理。我只想感谢大家花时间提供帮助，并为没有提前回复此线程表示歉意。写完这封信后不久，我不幸被一个家庭紧急事件叫走，这让我有两个星期没有工作。谢谢——nav li a上的宽度确实是个问题。