How do I make an tag the size of it's parent tag for larger clickable region?

Question

I would like to do this so that the clickable region on the tag is size of the LI.

My html looks like:

Answer 1

In CSS:

li a {
     display: block;
}

Of course, you'll want to make your selector more specific than that.

    

        Link
    


li.myClass a {
    display: block;
    background-color: #fdd; /* Demo only */
}

http://jsfiddle.net/userdude/jmj2k/