Fixed image width and height but the height to be cut

http://stackoverflow.com/q/9576324/154877

by Marcel

HTML

<ul>
<li><img src="//lorempixel.com/100/100/"></li>
<li><img src="//lorempixel.com/100/200/"></li>
<li><img src="//lorempixel.com/100/300/"></li>
<li><img src="//lorempixel.com/100/400/"></li>
</ul>

CSS

li { float:left; height:100px; overflow:hidden; margin:10px; }
li:hover { height:auto; }