выпадающее меню только в одной строке, помогите (html/css)

[swag420]

Всем привет. Мне нужно, чтоб меню выпадало только из одной строки при наведении.

 

Пример моего меню:

 

 

 

Нужно, чтоб при наведении на "Портативные компьютеры", вниз открывался столбик с тремя вариантами (ноутбуки, смартфоны, планшеты)

 

у меня ничего не получается..

	<ul class="menu">				<li><a href="index.html">Главная</a></li>				<li><a href ="nout.html">Портативные компьютеры</a></li>				<li><a href="index-os.html">Операционные системы</a></li>				<li><a href="rat.html">Рейтинги</a></li>				<li><a href="o_nas.html">Обратная связь</a></li>			</ul>

.menu-search {	width: 1200px;	min-width: 1200px;	height: 40px;	display: table-row;}.menu {	width: 1200px;	min-width: 1200px;	list-style: none;	height: 40px;	background: #2c3438;	display: table-row;	color: #000;}.menu li {	border-bottom: solid 2px #DBE9FF;	border-top: solid 2px #DBE9FF;	list-style: none;	display: table-cell;	width: auto;	text-align: center;	height: 39px;	border-right: 1px solid #DBE9FF;}.menu li a {	display: block;	width: 1200px;	height: 39px;	vertical-align: middle;	display: table-cell;	font-size: 17px;}.menu a {	color: #e2e0e0;	text-decoration: none;}.menu li a:hover {	color: #fff;	background: #353d40;}.menu a:hover {	 border-bottom: 1px solid #910000;}

заранее спасибо

[Veseloff]

А что вы сделали, чтобы оно открывалось? Что-то уже пробовали?

[swag420]

А что вы сделали, чтобы оно открывалось? Что-то уже пробовали?

 

много всего перепробовал с инфы в гугле, не получается. точнее получается, но не то, что нужно. выпадающий список никак не получается

[Aleksandr.L]

Так чтоль?

[swag420]

Так чтоль?

Да, так, но я теперь не могу изменить ширину меню этого.. Не хочет вставать по ширине блока

[Aleksandr.L]

http://jsfiddle.net/45z9yy55/

[swag420]

http://jsfiddle.net/45z9yy55/

Да, теперь все так. Огромное спасибо.