非常长的下拉菜单问题

Question

我使用Solution For Very Long Dropdown Menus这是一个很棒的下拉菜单，但问题是我不能将子菜单（LEVEL TWO）的宽度设置为大于LEVEL ONE宽度

有什么想法吗？

Fiddle

Fiddle with fix谢谢dunli

CSS：

 /* 
        LEVEL ONE
    */
    ul.dropdown                         { position: absolute; width: 100%; }
    ul.dropdown li                      { float: right; position: relative; list-style-type:none; width: auto; text-align:center;  }
    ul.dropdown a:hover                 { color: #000;  }
    ul.dropdown li a                    { display: block; color: #222; position: relative; z-index: 2000;  }
    ul.dropdown li a:hover,
    ul.dropdown li a.hover              { background: #F3D673; position: relative; }
    .suca {
    width:100px;}

    /* 
        LEVEL TWO
    */
    ul.dropdown ul                      { display: none; position: absolute; top: 0; left: 0; width: 80px !important; z-index: 1000; }
    ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc;  width:auto;}
    ul.dropdown ul li a                 { display: block; background: #eee !important; padding-right: 20px; width: 100px !important; } 
    ul.dropdown ul li a:hover           { display: block; background: #F3D673 !important; width: 100px !important; }

Answer 1

我已经更新了css一点点。 Here