title: Li items get shown under, instead of next to, each other when width is not fixed
body: <p>I'm currently really busy working on a simple jQuery slideshow, but I've got the following problem, when I make my slides a fixed width like:</p>
  
  <pre><code>#slider ul {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  }
  
  #slider ul li {
  float:left;
  height: 100%;
  width:200px;
  }
  </code></pre>
  
  <p>It all works fine; but when I want to make my slider full-screen. So Instead of width 200    </p>
  
  <pre><code>width:100%;
  </code></pre>
  
  <p>All the li's get displayed beneath each other instead of next to each other. I hope I provided enough information.</p>