Bueno, al final conseguí solucionar esto por mi cuenta, así que dejo la respuesta por si alguien en el futuro tiene el mismo problema:
Código CSS:
Ver original#container > section{
display: -webkit-box; /* Safari */
display: -webkit-flex;
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify; /* Safari */
-webkit-flex-pack: justify;
justify-content: space-around;
position: relative;
}
Las etiquetas que tienen el comentario son las que hacen que la cosa funcione en Safari. El efecto no es exactamente el mismo porque no es igual 'space-around' que 'justify' en cuanto a la distribución de los contenidos, pero por lo que he podido averiguar no existe una equivalencia exacta.