<li>做的菜单栏，怎么让<li>整个区域都能触发点击事件

<pre name="code" class="html">	<div class="wrapper">
	  	<ul>
	      <li><a href="#">qwqwqwq</a></li>
	      <li><a href="#">qwqwqwq</a></li>
	      <li><a href="#">qwqwqwq</a></li>
	      <li><a href="#">qwqwqwq</a></li>
	  	</ul>
	</div>

		/*需要触发点击事件的是<a>标签，所以我们需要把<a>标签设置块级元素：display：block，然后再设置<a>的width和height去填充<li>*/
		.wrapper ul li{
		    border: 1px dotted;
		    background-color:orange;
		    list-style:none;
		    float:left;
		    padding-left:10px;
			-webkit-transition: all .5s linear .2s;
			transition: all .2s linear .2s;
		}
		.wrapper ul li a{
		    margin-top:4px;
		    margin-right:10px;
		    display:block;