В Chromium (53) выглядит нормально, как задумывалось, а в firefox (49) блок, в котором изображение, почему-то растягивается. Как можно пофиксить?
Вот часть css:
.блок { 
flex-flow: row nowrap; 
display: flex;
height: 100%; 
width: auto; 
}
.картинка { 
background: #000085;
display: flex;
width: auto; 
height: 100%; 
}
часть html:
<div class="блок">
<div class="картинка"><img src="картинка.png" width="auto" height="100%" /></div>
<div class="правая панель">
Firefox: https://pp.vk.me/c637319/v637319907/1c259/6M5Tru2jz3k.jpg
Chromium: https://pp.vk.me/c637319/v637319907/1c250/Ts-W-c7OgtY.jpg


