title: Forcing slides to stay at the top of its container
body: <p>This is a bit difficult to explain but I'll give it a shot. I'm using this slider tutorial(<a href="http://css-tricks.com/slider-with-sliding-backgrounds/" rel="noreferrer">http://css-tricks.com/slider-with-sliding-backgrounds/</a>) to create a step form. </p>
  
  <p>It's working perfectly well and all but I have a tiny problem, I have a section for uploading pictures(large background pictures) and I'm not resizing the height. </p>
  
  <p>Since this upload section sits on top of the first slide, when I upload an image it pushes the second and third slide down. Is there way to make the other slides(2 &amp; 3) stay at the top regardless of what's done to the first slide? </p>
  
  <p>A quick diagram to help further explain what I'm on about. </p>
  
  <p><img src="https://i.stack.imgur.com/j60Nw.png" alt="">
  <strong>Ps:</strong> I follow the same semantics as they used in the tutorial. e.g.. id's, classes etc.</p>