Question

Hi I would like to make my <a> tag react on the full height and width of the parent li.

How can I achieve this? Display block doesn’t work. Putting it around the li instead of inside removes the last li for some reason.

As requested here’s the relevant code.

nav li{height:70px;float:left;margin:0px;padding:25px 20px;display:block;}
nav li:hover{background:#00A2E5;}
nav a, nav a:visited{font:bold 20px Arial;color:#515151;text-decoration:none;display:block;}
nav a:hover, nav a:visited:hover{font:;color:#FFFFFF;}

Answer 1

li a {
    width:100%;
    height:100%;
    display:block;
}