не могу поставить картину-кнопку в нужное место

Здравствуйте. У меня появилось желание добавить на свой сайт кнопку «добавить в избранное» в интернете нашел код и описание как это сделать
вот код :

<!----------------------Добавить в закладки------->
<div class="book"><a href="httр://www.sait.ru/" rel=sidebar title="Психология оношений мужчин и женщин" onclick="window.external.AddFavorite('httр://www.sait.ru/','Психология оношений мужчин и женщин.'); return false;"><img src="/zakladka.png" width="22" height="151" /></a></div>
<!----------------------Добавить в закладки------->
.book {
height: 151px;
width: 22px;
padding-left: 0px;
position: fixed;
top: 45%;
left: 0;
z-index: 5;
}

Вставил его в headr.php но проблема в том, что эта кнопка появляется в крайнем верхнем углу над шапкой и она зафиксирована. Как только я не пытался, не получается как задумано.
Хочу чтобы она была на левой стороне с краю по середине и при прокрутке страницы двигалась.
Вот ссылка в пример, ссылаюсь на этот сайт не для рекламы, просто уж очень она ярко показывает мою мысль.

http://saitowed.ru/contact/

P.S. Благодарю за внимание.