Chrome - проблема с "width: 0px"

Question

Кажется, у меня странная проблема в Chrome с "width: 0px".Я устанавливаю ширину в 0, чтобы частично скрыть ссылку.При наведении курсора я показываю ссылку с простой анимацией.Хотя Firefox и Opera ведут себя хорошо, в Chrome я вижу текст ссылки, хотя ширина установлена ​​на 0 .(в IE и Safari я не могу сейчас тестировать)

Для вашего удобства я добавил код в скрипте, здесь: http://jsfiddle.net/mihaidoru/yNzSH/

ВОПРОС: Как сделать так, чтобы Chrome отображал то же самоенапример, Firefox, только CSS, если это возможно.

ПРИМЕЧАНИЕ: меню должно учитывать CSS: "position: fixed; right: 0px".

Любая помощь будетс благодарностью.

Спасибо.

Answer 1

Установить ссылки на overflow: hidden.

Answer 2

Я установил ширину 1px вместо 0px.Это делает так, что зеленый фон появляется, и когда вы наводите курсор на него, он расширяется, как и ожидалось.Я также изменил его на 1px в вашем jQuery.

обновленная скрипка

Answer 3

Вы можете использовать свойство переполнения css

overflow: hidden;

Answer 4

overflow: hidden у меня не работает, попробуйте display:none;JavaScript читает нормально.