CSS菜单-主选项在子菜单出现时变宽-如何修复？

这是我的代码：

问题是-main

变得更宽，因为

内部有更多的文本

---

如何修复它？

这对您来说可能是一个足够好的解决方案：

ul#mainmenu > li
{   
    display: inline-block;
    margin: 0;
    vertical-align: top;    

    width:50px;
}

ul#mainmenu > li > ul 
{
    display: none;      
    margin-left:-40px;
    width:200px;
}

还有你的JSFIDLE： 试试这个

ul#mainmenu > li:hover > ul
{
    display: block;
    position:absolute;
}

---

谢谢，这很有帮助。我喜欢。谢谢，这很有帮助，但我更喜欢Naynana的方法（上面/下面的答案）。