.MainMenuLinks {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px; margin-top: 3px;margin-bottom: 0; font-weight: normal; } a.MainMenuLinks {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:link {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:visited {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:hover {position: static; border: 1px solid #70a9e2; background: #ebf2fa; border-bottom: 1px solid #ebf2fa; color: #407dba; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:active {position: static; border: 1px solid #fff; background: #007fc0; color: #407dba; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinksCurrentPage{position: static; border: 1px solid #fff; background: #ffa205; border-bottom: 1px solid #ffffff; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinksCurrentPage:hover{position: static; border: 1px solid #fff; background: #ffa205; border-bottom: 1px solid #ffffff; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } Нужно, чтобы при приближении или удалении страницы с помощью ctrl+scroll, кнопки меню оставались на одном и том же месте (в шапке сайта и каждая на своем месте). Т.е. если очень сильно приблизил, то какие-то кнопки не поместились на странице, а другие остались на месте. А сейчас они все вместе съезжают в кучу, уходят из шапки сайта и т.д. Мне кажется тут нужно использовать или absolute, или relative. При этом прописать каждой кнопке свой class и задавать top, left, right, bottom... Граждане мира, в правильном направлении я думаю???