title: Why do you put a display:block on an "a" tag that is inside a list?
body: <p>I am trying to understand image sprites on CSS, and one line of code looks like this.</p>
  
  <pre><code>#navlist li, #navlist a{height:44px;display:block;}
  </code></pre>
  
  <p>I am just wondering what effect does display:block has on "a", I know that it is for the "a" tag since the link won't work if I removed "a" and conversely if I removed "display:block", I'm just wondering why it should be "display:block".</p>