Центрированное меню теряет элементы только в браузерах Webkit

Question

У меня следующая проблема.

У меня есть меню шириной 1000 пикселей. Меню центрировано по центру с использованием отступов между LI. Он отлично работает во всех браузерах (даже в IE7), кроме webkit (Chrome и Safari).

По какой-то причине он обрезает элементы в обоих направлениях (мне кажется, что оно не имеет ширину в 1000 пикселей). Я понятия не имею, почему это происходит, и я пытался изменить свой CSS, но я просто не могу заставить его работать.

JSfiddle: http://jsfiddle.net/T8PfP/ (протестировано в Opera, IE9, IE8 и Firefox без проблем)

Answer 1

меняется таким образом

#meny ul li {
   ...
   display: inline-block;
}

меню в webkit выглядит одинаково - Fork: http://jsfiddle.net/3gJEE/