Размер сайта резко меняется в браузере

Мне жаль, если это глупый вопрос, и я просто этого не понимаю, но я разработал сайт для клиента, который, как я надеялся, поместился бы в браузере, устраняя необходимость в полосе прокрутки. Я знаю, что невозможно, чтобы один размер соответствовал всем компьютерам, и я разработал его так, чтобы он соответствовал моему типу монитора (1024x768), и я принял во внимание, что рамка браузера занимает место тоже и т.д.

Здесь проблема: когда я вытащил все мои фотографии, которые я сохранил из фотошопа (правильно из макета), все это стало немного больше в браузере (последняя версия Firefox) и просто слишком большой, поэтому он разрезает с самого низа и имеет полосу прокрутки для этого небольшого пространства.

Еще более странно, в Chrome все становится очень маленьким. Я тестировал это на нескольких компьютерах и даже проверял моих друзей. Только один человек не видел такой огромной разницы, как я понял, но все же видел, что в Chrome он немного меньше. Оба браузера настроены на 100% масштабирование.

Здесь сайт: http://dinneronthespot.com/index2.html

Поэтому в основном у меня есть два вопроса: почему это больше, чем мой дизайн? Я искал размеры и все, прежде чем начать макет. И почему Chrome все сокращает?

Спасибо за помощь! Я делал сайты раньше, но я определенно не эксперт...