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

Question

这是我的代码:

http://jsfiddle.net/e92Dj/17/

问题是 - 主要 <li>变得更宽，因为 <ul>里面有更多的文字。

我该如何解决？

Answer 1

试试这个

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

http://jsfiddle.net/e92Dj/22/