Изменение цвета подчеркивания с помощью css не работает в Chrome?

Я пытаюсь изменить цвет подчеркивания во время события наведения с помощью промежутков, и он работает в IE9 и Firefox 13.01, но не работает в Chrome (, он должен подчеркиваться золотом ).

#menu li:hover span.underline { text-decoration:underline; color: #FAA301; }

• link1

Вот js.fiddle:http://jsfiddle.net/wuUpL/7/.

Первоначально я получил идею из этого постаhttps://stackoverflow.com/a/1175402/1490248но этот тоже не работает в хроме.

Примечание :Я не хочу использовать границы, чтобы исправить это, я уже использую границы как границу

Может кто-нибудь помочь мне здесь? Есть ли какой-то хром-хак/исключение, которое я мог бы использовать, чтобы исправить это?