gracias por tomar el tiempo en atender a mi problema
no es un problema de compatibilidad
este es un ejemplo muy abreviado. la adaptación a distintas resoluciones y dispositivos está resulto. no viene al caso usar flexbox, más cuando busco compatibilidad
una de las soluciones es esta
Código HTML:
Ver originalul#list-opc > li {
height: 16em;
background-color: rgb(244, 244, 243);
border: 1px solid rgb(219, 218, 218);
border-top: 1px solid rgb(155, 151, 151);
display: none;
}
ul#list-opc > li > img {
width: auto;
max-height: 14em;
max-width: 20em;
padding-left: 1%;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
}