title: HTML, overflow:scroll, and float
body: <p>I have a div that encapsulates many unordered lists (ul).  I have each ul set to "float:left".  And I also have the parent div that contains them set to "overflow-x:scroll".  What's happening is the ul's are wrapping when they hit the edge of the page and not staying side by side to take advantage of the scrolling property of the parent div (the scroll bars are there).  Why?  How can I fix this?</p>
  
  <p>Thanks for any help.</p>