title: jQuery Mobile responsive thumbnail listview
body: <p>i need help when constructing a responsive jQuery Mobile listview. I'm kind of stuck.</p>
  
  <p>What i wanna have is a thumbnail listview with responsive (auto scaling) images, based upon the size of the viewport.</p>
  
  <p>I'm stuck with the layout i'm trying to use <code>display: inline-table;</code>. Is there a way to accomplish or an alternative e.g. with media-queries?</p>
  
  <p>I've made a jsfiddle in order to illustrate my concerns.</p>
  
  <p><a href="http://jsfiddle.net/TorchMan/5fEmy/" rel="nofollow">Fiddle</a></p>
  
  <p>I would like to have the text vertically centered. 
  The arrows should stay at their respective position even on resizing, but they're leaving their bounds, when the container shrinks.</p>
  
  <p>There has once been a similar thread on github (<a href="https://github.com/jquery/jquery-mobile/issues/1607" rel="nofollow">look here</a>), where some guy posted a javascript-based solution, but i wonder if there is'nt a CSS3 solution.</p>
  
  <p>Any help is appreciated.</p>
  
  <hr>
  
  <p><strong>UPDATE</strong>
  This Fiddle <a href="http://jsfiddle.net/Shreerang/K69pd/1/light/" rel="nofollow">here</a> is resizing the images, but not keeping the aspect ratio.</p>