Фиксация шапки - Вопросы по CSS

Здравствуйте) Подскажите пожалуйста, как правильно сделать. Нужно зафиксировать шапку, чтобы при прокрутки страницы она двигалась следом

Делаю вот так:


и получается так что правая часть обрезается и шапка сдвигается влево или она просто сдвигается влево и поэтому кажется что права часть обрезалась(не могу понять)

адрес сайта: печать-нск.рф (если нужно)

#headerwrap {
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 4px solid #999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #222;
}
#slideshow-allwrap {
    margin: 0;
    padding: 30px 0 30px 0;
    border-top: 0px solid #f5f5f5;
    border-bottom: 0px solid #f5f5f5;
    background: #f4f4f4;
    margin-top: 146px;
}

или если без left:0 и right: 0 то можно просто width: 100%;

можно и width:100%; , но по феншую лучше left и right (наблюдались с width глюки, зависит от отступов и box-sizing)

Спасибо большое за помощь) Еще вопросик небольшой появился, как я понимаю сайт сжимается до размеров экрана устройства, с которого заходишь и к примеру на телефоне не очень удобно с фиксацией шапки и слайд шоу. Если я правильно понимаю нужно шапку без фиксации подменять и убирать слайдшоу в тот момент когда экран начинает сжимать. Собственно вопрос, что отвечает за сжатие до нужных размеров, где это можно увидеть в коде?

гуглите по фразе "css @media"

то что нужно, спасибо))