Разница в Mozilla и Chrome на CSS ⇐ Html

[Anonymous]

У меня проблема с моим CSS. Это хорошо работает на хроме, но не на Mozilla Firefox. < /p>

Мой код получает значок Twitter слева, когда мышь через значки.










< /code>

и мой css < /strong> есть: < /p>

#socialicon {
position: absolute;
-webkit-transition-property: margin-right;
-moz-transition-property: margin-right;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
width: 40px;
height: 40px;
top: 5px;
right: 2px;
}

#socialiconface {
position: absolute;
width: 50px;
height: 50px;
top: 5px;
right: 2px;
}

#socialicon:hover {
margin-right: 70px;
}
< /code>

Все, что я пробовал, это не работает, к сожалению, может ли кто -нибудь помочь мне?

Подробнее здесь: https://stackoverflow.com/questions/269 ... nce-on-css