使用ul li标签创建子子菜单

Question

我正在尝试并获得这个，（就像：子菜单和子子菜单）：

CSS

        ul li {
            width: 100px;
            border: 1px solid #090;
        }


        #here {
            float: left;
        }

        #sub_list {
            float: left
        }

和html

     <ul>
        <li>aaa</li>
        <li id="here">bbb</li>
        <ul id="sub_list">
            <li>bbb_1</li>
            <li>bbb_2</li>
            <li>bbb_3</li>
        </ul>
        <li>ccc</li>
     </ul>

演示：http://jsfiddle.net/Muj3d/15/

请告诉我，如何获得该结果，在图像上看到什么

http://www.imagehosting.cz/?v=sur.jpg

Answer 1

UL是谁是无效HTML之间的LI。将子菜单移至LI，将position:relative应用于LI并使用position:absolute定位子菜单（UL UL）。