** Nunca **, jamais esqueça os prefixos do navegador para animações de quadro-chave CSS. Você só pode quebrar sua cabeça no teclado se fizer isso.

.floating {
margin-left: 10px;

float: left;
-webkit-animation: float 3s ease-in-out infinite;
-moz-animation: float 3s ease-in-out infinite;
-o-animation: float 3s ease-in-out infinite;
animation
: float 3s ease-in-out infinite;

}