title: display: inline; makes li background image disappear
body: <p>So I used the example given by by w3schools to create a div with a list in it.</p>
  
  <p><a href="http://jsfiddle.net/TBsx8/" rel="nofollow">http://jsfiddle.net/TBsx8/</a></p>
  
  <pre><code>#links li {
          height: 32px;
          width: 100%;
          display: block;
          margin: 0;
          background-repeat: no-repeat;
          list-style: none;
  }
  </code></pre>
  
  <p>is the relevant part.</p>
  
  <p>You can see that everything works fine (I took a random twitter icon for all of them in this example)</p>
  
  <p>Problem is, I want them inline. So, I change it to <code>display: inline;</code>. no problem, right? nope, it makes eveything disappear. <code>inline-block</code> does not do anything either. any solutions?</p>
  
  <p>Edit: sorry, did not make this clear: I want the links horizontally. </p>