Якорь на странице

Может быть потому что высота <div class="reasons"> = 1629px?

ну, во первых, причина потому что у #offers стоит "float:left"

Как его уберете - сразу станет лучше

а потом разбирайтесь с маржинами и паддингами

А вообще для таких сайтов прокрутку по странице лучше делать с помощью jQuery - т.е. плавно, а не "прыжками"

А чем заменить "float:left" что бы все осталось на местах?

убрать:

#cost-service{float:left;}

#offers{float:left;}

добавить:

#cost-service{overflow:hidden;}

#offers{overflow:hidden;}

ну и всегда желательно блоки с float:left; или float:right; оборачивать родителем с overflow:hidden; как, например, у вас сделано тут http://screen.w3.ua/Nov13/3F14PF21X5W026216.jpg

для класса reasons добавьте clear: both;

тогда ничего не будет съезжать

---------- Добавлено 14.11.2013 в 02:42 ----------

а вообще я тут посмотрел.

можете вообще ничего не удалять, только добавить для .reasons {clear: both;} и все

BrightGuy

Так что в итоге сработало? Уже с нетерпением жду развязки! :)

Вот это помогло, спасибо большое.