Использование дробных значений в верстке

Заметил, что браузеры по-разному округляют дробные значения пикселей. Например, в Opera 10 и IE7 значение отступа 12.5px округляется до 12px, а в Firefox 3.6 и IE8 — до 13px. Мне эта особенность обработки CSS-документа помогла аккуратно соединить два блока.

Если у вас появится желание собственноручно проверить данную особенность, вы можете воспользоваться, например, следующим кодом:

<style>
#test {
	background-color: #f0f6fa;
	color: #272727;
	height: 12.5px;
}
</style>

<div id="test"></div>

<script language="javascript">
	document.getElementById('test').innerHTML = document.getElementById('test').offsetHeight;
</script>

Будьте внимательны! Подобное поведение анализатора может изменяться в зависимости от версии браузера.