Несоответствие окна предпросмотра и результата

Выполняю доп.курс “рамки и фоны”, при первой же проверке оказалось, что превью страницы не соответствует результату проверки. (скрин прилагается), упражнение выполняется в Google Chrome (Версия 61.0.3163.100 )
Upd. Проблема решена переходом с относительных на абсолютные размеры в px, но хотелось бы знать, почему блок проверки иногда так чудит.

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