как остановить центрированное выпадающее меню css от подергивания (только хром)

Question

У меня есть раскрывающееся меню, управляемое css, и в Chrome при наведении указателя мыши на последний параметр все немного переходит влево.Я предполагаю, что это потому, что раскрывающееся меню добавляет к общей ширине основного списка, даже если оно предназначено для плавания.Есть ли способ это исправить?(интересно это не делает в Firefox)

Я заметил, используя webdeveloper для выделения элементов, что последний li, кажется, становится шире при наведении, но ни один из остальных не делает.применимый исходный код здесь: http://jsfiddle.net/WsAEW/

Answer 1

Это сработало для меня, изменив это:

#menu ul li {
    display: inline; 
    position: relative;
}

к этому:

#menu ul li {
    display: inline-block; 
    position: relative;
}

Answer 2

Вот модифицированный jsfiddle.Я думаю, что проблема исправлена.Попробуйте.

http://jsfiddle.net/WsAEW/5/

Кстати, я только изменил следующий стиль.«Float left» заставляет элементы выравниваться по горизонтали, а «display: block» возвращает верхний элемент к размеру, чтобы включить выпадающее меню.