title: jslots expansion
body: <p>I am using a jquery slot machine plugin and want to expand a bit, but am having trouble figuring out how it is working.</p>
  
  <p><a href="https://github.com/matthewlein/jQuery-jSlots" rel="nofollow">https://github.com/matthewlein/jQuery-jSlots</a></p>
  
  <p>Currently, the demo uses it in a way that only one <code>&lt;li&gt;</code> is showing at a time. I want to expand that, so that you can see half of the the <code>&lt;li&gt;</code> above and half of the <code>&lt;li&gt;</code> below, kind of like a real slot machine, where you can see what is coming and what is leaving the visible area.</p>
  
  <p>So, I expanded the container vertically, and I can see the <code>&lt;li&gt;</code>'s before and after BUT, weird things happen at the bottom, where the <code>&lt;li&gt;</code> disappears and then (I assume) gets appended to the top. It still happens if I make it 5+ <code>&lt;li&gt;</code>'s in the list. It also still happens if I increase the .slot size, but still constrain it with a shorter container height.</p>
  
  <p>You will notice on this fiddle, when you click play, you will see the white background show through on the bottom. It gets worse as they slow down. Sometimes when they stop, it stops with the bottom part missing... I have attached the jslots.js file in the fiddle resources</p>
  
  <p><a href="http://jsfiddle.net/livinzlife/3bVe9/1/" rel="nofollow">http://jsfiddle.net/livinzlife/3bVe9/1/</a></p>