How To Make The Whole Block Clickable?

I have create a navigation menu but the problem i face is that when i hover my mouse to the edge each menu block the ancor tag does not work, it works only when i place the mouse n

Solution 1:

Add width, height, and padding to the </a> element, not the <li>.

http://jsfiddle.net/tv8Dw/2/

Solution 2:

$('#nav').click(function(){  alert('clicked'); });

Solution 3:

Put the <a href> before <li> :) and close </a> after </li>