remain original height

by miglio esaud

HTML

<div class="content">
  <div class="thumb">
    <div class="in">
      <img src="http://www.planwallpaper.com/static/cache/7b/30/7b306aff620b08d0eefdb6b37f57abc8.jpg" height="100%"/>
    </div>
  </div>
  <div class="thumb">
    <div class="in">
      <img src="http://www.planwallpaper.com/static/cache/a6/4f/a64ffdfc06a8bea4ed2e62f2a44b063d.jpg" height="100%"/>
    </div>
  </div>
  <div class="thumb">
    <div class="in">
      <img src="http://www.gettyimages.es/gi-resources/images/RoyaltyFree/113198687.jpg" height="100%"/>
    </div>
  </div>
</div>

CSS

html, body{height:100%;}
.content{
  display:table;
}
.thumb{
  width:200px;
  height:100%;
  display:table-cell;
  vertical-align:top;
}
.thumb .in, .thumb .in img{
  width:100%;
  height:100%;
}

JavaScript

/* remain original height*/