子菜单对齐哪个属性丢失

Question

Please see this screencast. I have some alignment issue in Sub Menu. http://screencast.com/t/aFnXTQOdUn2g

what I want is that drop down should open not from the parent menu bottom, but just adjacent to parent menu. like this - http://screencast.com/t/iwhthlc9MD

I tried all the properties couldn't do this. What am I missing. Please help.

Answer 1

Add position:relative

Second level li

ul li ul li{position:relative}

Answer 2

 <li class="dropdown dropdown-submenu open"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown Link 4</a>
    <ul class="dropdown-menu">
    <li><a href="#">Dropdown Submenu Link 4.1</a></li>
    <li><a href="#">Dropdown Submenu Link 4.2</a></li>
    <li><a href="#">Dropdown Submenu Link 4.3</a></li>
    <li><a href="#">Dropdown Submenu Link 4.4</a></li>
    </ul>
 </li>