Список ul-li, разная ширина в браузерах

[vlasenkov]

Здравствуйте!
Столкнулся с проблемой. Есть у меня меню (сделанное списком) на всю ширину сайта, имеет фон. Все элементы имеют ширину контента + отступы. Последний элемент имеет определенную ширину, заданную через css, чтобы он стыковался точно с краем сайта. Проблема в том, что ширина элементов в разных браузерах получается разной (в первый раз с таким столкнулся) и, соответственно, последний элемент либо не доходит до края сайта, либо ее пересекает.
Пример - http://jsfiddle.net/ARJCf/

Если просматривать через ФФ, то все ок, если через Оперу (например), то видно как край (желтый), выглядывает.

Единственное решение, которое мне пришло в голову это JS, но можно ли без него? Может быть есть какой-то хак для ФФ, потому как заметил, что только там ширина другая (в ИЕ не проверял)?

Подскажите пожалуйста, как с этим бороться? Спасибо!

[рони]

vlasenkov,
а если так ? http://jsfiddle.net/ARJCf/2/

[vlasenkov]

рони, спасибо за быстрый ответ. Я тоже об этом думал, но у меня почему-то не получалось. В этом примере, все сложилось. Я выложил текущий вариант из проекта, где проблема таким образом не решается
http://jsfiddle.net/ARJCf/7/

[рони]

vlasenkov,
вариант http://jsfiddle.net/ARJCf/8/

[vlasenkov]

рони,
У меня, в этом случае получается, что последний элемент выходит за пределы. В моем случае это было не критично и я сделал не 100%, а 90%. Получилось вроде приемлемо, но насколько это правильно и прочно не могу сказать.
Почему вообще возникает данная проблема?

Спасибо большое.