CSS -переход работает только над некоторыми элементами

Question

У меня есть меню, в котором каждый якорь должен выполнять простой переход по цвету при паривании. Дело в том, что только один из элементов якоря делает это (в этом случае только ссылка «Twitter») в Chrome V16.0.912.75, и ни один из элементов не переходит в IE9 (Firefox 8.0.1 работает ОК). Я повернул порядок ссылок и удалил класс «Последний» из ссылки «Twitter» без результатов.

В этом мало что я не уверен, почему это не работает.

#menu_left a{
    display:block;
    width:100px;
    height:30px;
    margin:10px auto;
    font:18px bold;
    text-decoration:none;
    border-bottom:1px dotted #e69b8d;
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    }
#menu_left a.last{border-bottom:none;}
#menu_left a:hover{
    color:#ed9887;
    transition: 0.25s ease-out;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    }    

<div id="menu_left">
    <a href="/">home</a>
    <a href="/gallery/">gallery</a>
    <a href="/contact/">contact us</a>
    <a href="http://www.facebook.com">facebook</a>
    <a href="http://www.twitter.com" class="last">twitter</a>
</div>

Вы можете увидеть работу в http://events.bridalflowersexclusic.com. Анкет Спасибо заранее за ваше время.

Answer 1

IE9 не поддерживает переходы CSS, у Webkit есть ошибка, которая предотвращает: посещаемые ссылки на анимацию.

Answer 2

Проверьте поддержку браузера по этой ссылке. Вы можете искать решение для JavaScript / JavaScript Framework?

http://www.w3schools.com/css3/css3_transitions.asp