Странное поведение с 960 Grid System

Question

Я строил макет на основе 960 Grid System . Мне нравится фиксированная (px) версия, но я хотел бы пойти с жидкой (%) версией и обернуть вокруг нее фиксированный размер div.

Проблема в том, что это работает не во всех браузерах:

• FF 7: работает
• IE6 - 9: работает
• Хром: отстой
• Safari: отстой
• iPad / iPhone: отстой
• Опера: отстой

Чтобы понять, что я имею в виду, я сделал маленькую страницу . Нажмите кнопку переключения, чтобы изменить на относительный. Он должен выглядеть так же, но не так: (

Есть идеи на этот счет?

Answer 1

Похоже, что есть проблемы с округлением (кажется, поле равно 4px вместо 5).

Еще один совет: вы печатаете %20 между DIV, которые обычно игнорируются между блочными элементами, но не между встроенными элементами.

установите маржу на 0,6% и удалите пробелы.