Вопрос первый - зачем изобретать велосипед?
Вопрос второй - зачем абсолютом добавлять? Поместите их в какую нить обёртку, задайте флоат лефт, и двигайте это обёртку.
Скажите пожалуйста, зачем вы всё это в абсолютах стали делать? Чем вам float: left для обоих элементов не мил? Ну или display: inline-block, и у родителя поставить font-size: 0 и они опять же будут впритык. Везде.
Виртуалки в верстке обычно служат для тестирования в ие.
Ретина - это всего лишь тип дисплея и особенность его в том, что картинки на сайте должны быть в 2х размерах - стандартном и х2. На эту тему есть статьи на хабре, так что не вижу смысла все это расписывать тут.