链接按钮的宽度在div菜单之外工作，但不在内部？

Question

请注意这个小提琴：http://jsfiddle.net/8nrPm/3/

我已添加以下内容设置动画按钮的宽度：

.manimation a{
    width: 360px;text-align:center;border-bottom:9px solid #43cf61
}

工作正常。现在，将鼠标悬停在 MORE 按钮上，其中有两个按钮，使用相同的技术设置宽度对这些按钮没有任何影响。

正如您在我的样式表中所看到的，我通过添加以下内容为 Games 按钮设置了宽度：

.mgames a{
    width: 150px;text-align:center;font-style:normal;border-bottom:9px solid #e34328
}

但宽度没有影响。 为什么？如何设置宽度？

我建议忽略小提琴http://jsfiddle.net/8nrPm/3/，因为我确信必须有一些阻止宽度工作的东西。此外，我尝试将!important添加到其中，但无效。

Answer 1

锚是一个inline元素。内联元素不是width, height, vertical margin & padding。写得像这样：

.megadiv a{
 display:block;
}