title: Single line scrolling HTML list
body: <p>Using a list as;</p>
  
  <pre><code>&lt;ul id="scroller"&gt;
      &lt;li&gt;&lt;img src="../static/image/brand1.png" title="brand title"&gt;&lt;/li&gt;
      .....
  &lt;/ul&gt;
  </code></pre>
  
  <p>And with css properties;</p>
  
  <pre><code>    ul#scroller li {
          list-style: none;
          display: inline;
      }
  
      ul#scroller li img{
          margin-left: 75px;
          float:left;
      }
  
      ul#scroller {
          overflow: scroll;
      }
  </code></pre>
  
  <p>and the YUI CSS reset just before this definition.</p>
  
  <p>The problem is; instead of the horizontal scroll, my list items are line breaking.</p>
  
  <p>Peace</p>