Выдвигающееся меню?

Question

[smoklew]

Как сделать чтобы пункт выдвигающегося меню , соответствовал ширине пункта из которого он выдвигается?
Делаю на opencart , вот css:

#menu > ul > li > a {
	padding:0px 20px;
	color: #000;
	line-height: 37px;
	text-decoration: none;
	display: block;
	z-index: 6;
	position: relative;
  font-family:calibri;
  font-size:14px;
}
#menu > ul > li:hover > a, #menu > ul > li > a.active {
border-bottom:3px solid #00a100;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 999;
	padding: 5px;
	border: 1px solid #000000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

Answer 1

[Кирилл Туровников]

Вы представили лишь часть css, без html и неизвестен сам принцип выпадения - js/css. Предположу что достаточно добавить:

#menu > ul > li{
	position:relative;
}
#menu > ul > li > div {
	width:100%;
}