[Résolu] Chrome et positionnement image

Bonjour
j'ai un soucis avec Chrome, c'est que mon image dépasse son contener.
j'avais mis un overhidden car ici cela n'est pas génant mais j'ai d'autres images qui elles me posent problème. Et donc il doit y avoir quelque chose que je n'ai pas compris avec css
<div class="boite overhidden">
<div class="alignleft">
<div class="redd boldd">blablabla..</div>
</div>
<div class="hide_mobile">
<img src="../xxxx.jpg" alt="" title="" width="88" height="184"/>
</div>
</div>

Avec firebug lite sous Chrome, je vois bien que l'image sort de son contener <div class="hide_mobile"> et donc du contener <div class="boite overhidden">
Mais comment empécher cela?? Comment agrandir ce contener??
le css:
.boite {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content:space-between;
padding:15px;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
box-align: center;
align-items:center;
}

le lien http://www.curabet.com/boutiquehtml5/index.php

Merci
Modifié par jean202 (06 Jul 2015 - 09:46)

Bonjour
même en mettant une width de 88px comme mon image, la div correspondante ne fait pas 88px elle est recalculée à 33,3125. Pourquoi? C'est le noeud du problème.
Si quelqu'un a une idée.
Avec Firefox aucun problème.
A+

Bonjour,

Je n'arrive pas à observer le problème que tu décris dans Chrome.
Pourrais-tu l'isoler et le présenter dans un Codepen ou équivalent ?

Il est possible que ce soit tout simplement un "problème" de flex-shrink : http://la-cascade.ghost.io/guide-de-flexbox-noubliez-pas-flex-shrink/