cryolite

div {
  width: calc(100%/3 - 4px);
  height: 50px;
  margin: 2px;
  background: red;
  flex: 1 0 auto;
}
section {
  display: flex;
  width: 200px;
  height: 200px;
  overflow-x: scroll;
  overflow-y: hidden;
}

Если известно что боковая колонка всегда будет короче, то можно задать фон для контейнера, а не этой колонки.
Также можно воспользоваться небольшим хаком, задав колонке большой padding-bottom и скомпенсировать отрицательным margin-bottom в контейнере с overflow:hidden.
https://jsfiddle.net/32s4dooo/1/
Минус: сломается анчор, поэтому перестал использовать. (Хотя может с помощью js можно пофиксить)

upd: обновил ссылку

Как уже советовали выше display:flex, а еще можно для .wrapper li добавить vertical-align:top - тогда хвост будет внизу карточки и картинки будут на одном уровне. Если flex не будет работать, то inline-block в любом случае останется.