animation css hover - safari

[PHP_desenvolvimento 2]

Fala galeira joia ?

 

Criei uma animação em css só que no IE e Firefox sai fora o div e no Safari a animação depois de completa não fica fixa, alguem poderia como me ajudar nesses alinhamento.

 

O site é: portaliir.com.br/novo (efeito de última noticias)

 

 

[PHP_desenvolvimento 2]

Bom dia Galera,

 

Resolvi em partes o problema, tirei o SPAN e comecei a usar o DIV e alinhou os quadros só falta a animação agora no Safari que não seguro quando coloco o mouse em cima. Já no chrome, IE e firefox está normal.

 

Segue o código abaixo e na abertura do evento tem o site para vocês testarem:

 

.infoConteudo .infoImagem > div > div{

display: none;

padding-top: 50px;

}

.infoConteudo .infoImagem:hover > div > div{

display: block;

animation: subInfo 3s forwards;

-webkit-animation-name: subInfo;

-webkit-animation-iteration-count: forwards;

-webkit-animation-duration: 3s;

}

@keyframes subInfo{

0% { opacity: 0; }

100% { opacity: 1; }

}

@-webkit-keyframes subInfo{

0% { -khtml-opacity: 0; }

100% { -khtml-opacity: 1; }

}

[PHP_desenvolvimento 2]

Resolvi galera..

 

-webkit-animation: noticiasOff 1s forwards;