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

Question

请遵守此琴：http://jsfiddle.net/8nrPm/3/

我已经加入这个设置动画按钮的宽度：

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

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

正如你可以在我的样式表中看到，我已经加入这个按钮设置为游戏宽度：

.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; 
}