Flexbox funktioniert in Safari nicht richtig

[NoMacUser]

Hallo,

bei meinem Code funktioniert das Flexbox Model nicht wie es soll. Komischerweise nur in Safari. In Chrome, Firefox und Internet Explorer geht alles.

Das Problem liegt wohl irgendwie bei der flex-direction: row; Safari setzt die beiden Elemente einfach nicht nebeneinander. Wenn es so aussehen würde wie bei allen anderen Browsern wäre ich zufrieden.

Gibt es irgendetwas dass man beim Safari anders machen muss, dass es funktioniert?
Mit -webkit- funktioniert es genauso wenig.

Hier mal der code:
HTML: https://dl.dropboxusercontent.com/u/...de/safari.html
CSS: https://dl.dropboxusercontent.com/u/...ode/safari.css

Es wäre super wenn jemand eine Idee hätte.
Vielen Dank!

 

[NoMacUser]

bei w3c habe ich mich mal etwas erkundigt und gesehen, das selbst bei denen flex-direction:row nicht funktioniert bei Safari.

ihr könnt es gerne mal ausprobieren::
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_flex-direction

nur bei Safari funktioniert es nicht. Heißt das das Safari das nicht unterstützt? Wie machen das dann alle anderen Websites. gibt es ein workaround?