Фрагмент XHTML

<ul id="navigation">
	<li>
		<a href="/about/">About</a>
	</li>
	<li>
		<a href="/jobs/">Jobs</a>
	</li>
	<li>
		<a href="/price/">Price</a>
	</li>
	<li>
		<a href="/contacts/">Contacts</a>
	</li>
</ul>

Фрагмент CSS

ul#navigation {
	bottom: -0.5em;
	left: -0.5em;
	margin: 0;
	padding: 0;
	position: absolute;
}

ul#navigation li {
	background-color: #EFE5D0;
	float: left;
	list-style-type: none;
	padding: 1em;
}

А так это отображает Firefox при некоторых размерах шрифта:

Откуда берутся пробелы в один пиксель между блоками li?

Такое ощущение, что в ядре с округлением при вычислении позиции блока не всё в порядке.

Ну, ошибки округления.

Просто добавьте в ul#navigation background-color: #EFE5D0; и никто ничего не заметит.

Не могу, это не законченный вариант меню, только начал верстать, вместо background-color li элементов будет полупрозрачное изображение на фоне стоять.

В новой версии проблема устранена!

Вроде как Mozilla говорит о движке Gecko, что он поддерживает всё стандарты W3C, если это так я не хочу извращаться с кодом и идти на всякие хитрости. Даже IE с этим справился, нервы как обычно с ним не тратил. А Firefox немного расстроил, но не страшно, возлагаю надежду на него. Надеюсь, администрация этого форума извещает разработчиков обо всех не точностях работы Gecko обнаруженных пользователями этого форума.

Попробуйте поставить padding: 2ex.

На самом деле надо сначала проставить правильные размеры шрифтов, а потом проверять будет глючить или нет.

Размер шрифта стоит правильный, для элемента BODY равен 0.80em, li без изменений наследует его. В примере привёл картинку, где с помощью браузера уменьшил размер шрифта, получил эти отступы, при увеличении они снова появлялись. По вашему совету изменил единицу измерения для внутренних границ на ex, странное поведение исчезло, возьму за правило, спасибо!