Как правильно позиционировать?

Question

[Maks Burkov]

<ul id="navigation">
                <li class="dropdown">
                    <a href="" class="dropdown-toggle" data-toggle="dropdown"><button class="glyphicon glyphicon-list"></button></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" >Home</a></li>
                        <li><a href="#" >AboutUs</a></li>
                        <li><a href="#" >ContactUs</a></li>
                        <li><a href="#" >OurLocation</a></li>
                        <li><a href="#" >OurClients</a></li>
                    </ul>
                </li>

Получаю данное:


Как исправить , чтобы открываюшийся лист был всегда под иконкой ? Никак немогу сделать .

Answer 1

[Олег]

Три строки кода ;) https://jsfiddle.net/vzk22k0w/