Flexbox no funciona en Safari, tachado en el inspector web
Estoy usandodisplay: flexbox
para un contenedor div que mantiene una serie de cuadrados (para que se alineen horizontalmente), y funciona bien en Chrome, pero no en Safari 8.0, donde se traza así:
#grid {
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
top: 55px;
left: 415px;
bottom: 10px;
right: 10px;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.square {
width: 166px;
height: 185px;
position: relative;
cursor: pointer;
background-size: 166px 125px !important;
background-repeat: no-repeat !important;
background: #FFF;
margin-right: 20px;
float: left;
}