I want to implement twitter bootstrap dropdown menu, here's my code:\[code\]<span class="dropdown"> <a href="http://stackoverflow.com/questions/13806802/#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="http://stackoverflow.com/static/img/topmenu_preferences.png" /><b class="caret"></b></a><ul class="dropdown-menu"> <li><a href="http://stackoverflow.com/questions/13806802/#">a</a></li> <li><a href="http://stackoverflow.com/questions/13806802/#">b</a></li> <li><a href="http://stackoverflow.com/questions/13806802/#">c</a></li> <li class="divider"></li> <li><a href="http://stackoverflow.com/questions/13806802/#">d</a></li></ul>\[/code\]Dropdown works good, my dropdown is placed next to right edge of the screen and when I click my dropdown-toggle, the list goes outside the screen. It looks like on the screen:
How can i fix it?