Изображения не вертикально выравниваются правильно в div в Safari

Question

Изображения в images div кажутся вертикально выровненными и центрированными должным образом в Chrome, Firefox и IE, но не в Safari. В Safari, фотографии выталкиваются ниже/из images DIV и появляются ниже DIV, кровотечением в description DIV так:

http://postimg.org/image/vsoifbf1x/

Ниже jsfiddle из слайд-шоу, показывая первое изображение выровнены по центру. JS не будет работать из-за того, как я ссылался на изображения в массиве, но слайд-шоу работает для меня, и меня беспокоит только выравнивание изображений по вертикали. Они присоединяются должным образом в jsfiddle, Chrome и Firefox, но только не в Safari:

http://jsfiddle.net/bytyrurh/

Answer 1

#images { 
    height: 548px; 
    width: 898px; 
    border: 1px solid #000000; 
    text-align: center; 
} 

#images img { 
    opacity: 1; 
    top: 50%; 
    transform: translateY(-50%); 
    position: relative; 
} 

Вот код, который вероятно, будет работать для вас.