css выподающее меню

[WonderMNS]

В выпадающем меню верхняя часть каждой кнопочки не кликабельная.

Хочется сделать возможность клика по любой части кнопки, желательно без js.

Вот меню

И код:

.top-menu{
    list-style:none;
	padding:0;
	margin:0;
	margin-top:0px;
	text-align: right;
	position: relative;

}
.top-menu li
{
	float:left;
	height:33px;
	padding:0;
	margin:0px;
	margin-left:5px;
	width:150px;
	text-align:center;
	background:#333;
	position:relative;
	padding-top: 12px;
	border-radius: 5px 5px 0 0;
}

.top-menu li ul{
	list-style:none;
	padding:0;
	margin:0;
	width:150px;
	display:none;
	position:absolute;
	z-index:999;
	left:0;
	top:45px;
	}
.top-menu li ul li{
	float:none;
	height:33px;
	margin:0;
	width:150px;
	text-align:center;
	background:#7F7F7F;
	border-radius:0;
	border-top: dashed 1px #555;
}
.top-menu li a{
	display:block;
	width:150px;
	height:33px;
	color: #fff;
	text-decoration: none;
}
.top-menu li:hover ul, .top-menu li.jshover ul{
	display:block;  
}
.top-menu li:hover, .top-menu li.jshover{
	background:#444;
}

[Быколай]

В выпадающем меню верхняя часть каждой кнопочки не кликабельная.

Хочется сделать возможность клика по любой части кнопки, желательно без js.

верхняя часть не кликабельна, т.к. li больше чем a на 12px, из-за padding-top: 12px;

[WonderMNS]

Спасибо, проблема решена.

Edited October 12, 2011 by WonderMNS