title: CSS Positioning two images in div
body: <p>I'm trying to set images in this style: <strong>one on top and other below this</strong>.
  Actually I do something wrong and in my result images are one under other. <strong>Here is</strong> <a href="http://jsfiddle.net/MP6qN/" rel="nofollow">jsFiddle</a>. </p>
  
  <p>The second image is hidden by <code>overflow:hidden</code> in <code>slider</code> class.</p>
  
  <h2>Question:</h2>
  
  <p>Where I make mistake? I'm sure there is easy solution but I lost some time and can't find it. </p>
  
  <p><br/><br/>
  <strong>P.S.</strong> <em>If is it possible I'm looking solution with css changes only.</em></p>