На скрине "описанна" проблема, мне нужно что-бы список "выкидовался" слева, а лучше по ширине (float: не работает)
Код хтумеля:
<ul class="dropdown">
<li class="dropdown-top">
<a class="dropdown-top" href="#"> <img src="img/mm.png" width="35" higth="30" /> </a>
<ul class="dropdown-inside">
<li><a href="/">Лондон</a></li>
<li><a href="/">Бирмингем</a></li>
<li><a href="/">Лидс</a></li>
<li><a href="/">Шеффилд</a></li>
<li><a href="/">Манчестер</a></li>
</ul>
</li>
</ul>
Код кукусеса:
ul.dropdown li {
position: relative;
}
ul.dropdown {
list-style-type: none;
padding: 0px;
float: right;
}
ul.dropdown-inside {
list-style-type: none;
position: absolute;
left: -9999px;
width: 300px;
padding: 3px 10px 4px;
box-shadow: 0px 0px 0px 2px #000;
}
ul.dropdown li.dropdown-top {
display: inline;
float: left;
margin: 2 1px 3 9;
}
li.dropdown-top a {
padding: 3px 10px 4px;
display: block;
}
ul.dropdown a.dropdown-top {
background: #efefef;
}
ul.dropdown a.dropdown-top:hover {
padding: 2px 10px 5px;
}
ul.dropdown li.dropdown-top:hover .dropdown-inside {
display: block;
left: 0;
}
ul.dropdown .dropdown-inside {
background: #fff;
}
ul.dropdown .dropdown-inside a:hover {
background: #efefef;
}

Скрин:

Воть

Кукусец то что ты дал не отвечает за меню

amstafff , отвечает омг :)

STYX , не вкурил думал на жкверри выдвижное меню))
ul.dropdown-inside {
list-style-type: none;
position: absolute;
1left: -9999px;
2width: 300px;
padding: 3px 10px 4px;
box-shadow: 0px 0px 0px 2px #000;
}
Чисто теоретически то что с цифрой один убирает меню правее
То что с цифрой 2 отвечает за ширину.
________
посл. ред. 11.05.2015 в 18:35; всего 1 раз(а); by amstafff

amstafff , 1 - эта "функция" прячит Блок до нажатия , а 2 я в курсе))

Ну тогда хер знает че гадать, надо смотреть вживую)

Localhost)