Html 包装器浮动正在影响A标记悬停区域

我相信这很简单，但我就是看不到。 我的包装器DIV向左浮动，其中的A标记显示正确，但将鼠标移到它们上面，您会发现它们的高度/宽度不正确

我似乎无法让他们排成一行，有人能快速看一下，告诉我我遗漏了什么吗

非常感谢您的任何帮助，我相信这很简单

--编辑--

我在Mac电脑上，到目前为止已经用firefox和safari进行了测试，它们不能正确地悬停，只有它们最底部的部分实际上起到了按钮的作用

---

在firebug中，如果我删除了wrappers float属性，链接就会像应该的那样悬停。所以我知道这与浮动有关。

在Chrome上，图标排成一行，但正如您所说，只有底部部分处于活动状态。问题在于，您的品牌元素向下延伸到主包装底部以下，部分模糊了子包装、子包装、左包装和右包装的一部分（尽管不足以在那里造成问题）

---

您可以将

overflow:hidden

放在#main上，但是#branding中的图形将从底部被切断。（顺便说一句，图形看起来非常漂亮。）我认为如果你只是在#sub或#subWrapper中添加一个正的z-index，比如

z-index:1

，应该可以做到这一点。

没错，但图标只是作为靠近图像底部的链接，而不是他所寻找的整个图像。好吧，你肯定是对的，这就是问题所在。当我推品牌时，它解决了问题。我曾经尝试过改变z-index，但没有运气，我以前从未使用过z-index。终于有机会使用它了。我将摸索我的方式，并希望找到如何让这个东西显示正确，非常感谢你的帮助（和赞美！）=）明白了！疯狂的是，我甚至连z指数都没碰。在阅读了一篇关于我看到的很好的lil文章之后，我提到了“自然”索引顺序。使用位置：相对；我按那个自然的顺序把它推上去，让它工作起来。再次感谢你让我走上了正确的道路！