Проблема центрирования при использовании flexbox, где содержимое больше контейнера ⇐ CSS

[Anonymous]

Я пытаюсь центрировать элемент (как по горизонтали, так и по вертикали) со следующими условиями:
Отображение элемента является встроенным блоком, поскольку я хочу, чтобы его ширина/высота рассчитывалась в зависимости от его содержимого.
Когда контейнер больше элемента, все в порядке.
Однако проблема начинается, когда элемент больше контейнера, и элемент получает ширину контейнера а не его содержимое.
Заранее спасибо,
Орен
На случай, если jsFiddle не работает, вот фрагменты кода:






и
.working_area {
background: yellow;
position: absolute;
width: 600px;
height: 600px;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
}

.image_container {
display: inline-block;
/*shrink a bit*/
-webkit-transform: scale(0.7);
/*-webkit-transform-origin: center center;*/
}


Подробнее здесь: https://stackoverflow.com/questions/177 ... e-containe