Наименьшее из полей между 2 плавающими делителями в вебките

Question

Любой гроссмейстер CSS хочет обучить простодушку на этом? В Chrome (и я полагаю, Safari) я получаю небольшой (возможно, 1px) запас между 2 плавающими div. Ширина левого деления составляет 58%, а правого деления составляет 42%. В Firefox такого запаса нет. Еще не пробовал IE или Opera. Используя инструмент разработчика Chrome, я увидел, что p имеет то, что называется -webkit-margin-before и -webkit-margin-after, для которых установлено значение 1em. Я пытался переопределить это, но это не помогает. Вероятно, не связано. Любая помощь?

Ссылка на страницу: http://www.audlibri.com

РЕДАКТИРОВАТЬ: подтвердил ту же проблему в Opera 11.

Answer 1

К сожалению, лучшим решением этой проблемы является установка для body { background:#XXX; } того же цвета одного из этих столбцов (#788081 или #B7B59B).Надеюсь, им нет нужды сталкиваться друг с другом.

Answer 2

Это проблема субпиксельного рендеринга в процентных макетах.

Эта короткая статья от Джона Ресига (из известности jQuery) объясняет это оченьясно.

Это немного устарело (январь 2008), но все же применимо, я уверен.