No Touch Event For Li Tag

I use touch monitor and html page (MS Windows 7 Pro Eng, IE8). And I discovered that touch fires when text area of li tag is tapped and the rest is ignored. How change it so even

Solution 1:

So I found working solution

Nothing is working but only  

So the li tag should look like this

<ul class="nav" id="mainList">
            <li class="touchedLi stripe-even" id="item0"><a  href="#">Club Yellow 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
            <li class="touchedLi stripe-odd" id="item1"><a href="#">Club Yellow 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
            <li class="touchedLi stripe-even" id="item2"><a  href="#">Club Yellow 3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
</ul>

And then the area of   is a touchable area! :)

How you are gonna add   it depends of your needs.

Solution 2:

What is your CSS? Try adding display: block to the a tag.