everytime

#mergen a:hover,a:active,a:focus В этой строке ошибка, при фокусе СSS для #mergen распространяется на все теги а. Надо сделать так: #mergen a:hover,#mergen a:active,#mergen a:focus

В левой части у input есть еще бордер однопиксельный, он и дает эти два пикселя.

1. Книги значит неправильные, читайте лучше статьи с этого сайта, здесь практически все есть. Классы, как и все остальное, впрочем, следует использовать в случае необходимости, а не постоянно. 2. Я бы не стал так сильно заморачиваться с css frame, все картинки в одной это хорошо для крупных сайтов с большой нагрузкой, для небольших проектов это лишняя трата времени. Основы все на www.w3.org и здесь есть, валидный код это для начала уже хорошо. "Совершенных" сайтов очень много, ставьте web developer toolbar и смотрите по валидатору количество ошибок, это, конечно, не единственный критерий, но для начинающих самый важный.

1. Заголовки h7 и h8 это штука посильнее Фауста Гете. Нет таких. Сделайте h6 и все получится. Ну и прочие мелочи, типа нескольких блоков с одинаковым id, необходимо испралять по любому. 2. Самый простой вариант - добавить фиксированный height и overflow:hidden блоку #content. 3. Лучший вариант исправления имхо - подучить HTML и CSS, а потом переверстать все с нуля.

Если особо не погружаться, то: 1. Зачем Вам два дива с бэкграундами, сделайте из headBg.jpg и unHeadBg.png один jpg с фоном body и поставьте его в бэкграунд body. 2. Удалите эти дивы и лишний код. Примерно так: body{ margin: 0; padding: 0; background: #A2745A url(../img/Bg.jpg) no-repeat; } .wrapper{ margin: auto; width: 960px; font-size: 14px; position: relative; }