Alinhamento de Header

boa noite… estou estudando uma apostila de css e html5 pq nunca fui mto bom nisso… acho q ainda nao sou rss…

estou com um problema m para alinhar um header… a sacola fica colada ao menu horizontal!

seguem os codigos:

Sobre a Mirror Fashion

<p class="sacola">Nenhum Item Na Sacola</p>
    
    <nav class="menu-opcoes">
    	<ul>
        	<li><a href="#">Sua conta</a></li>
            <li><a href="#">Lista De Desejos</a></li>
            <li><a href="#">Cartão Fidelidade</a></li>
            <li><a href="sobre.html">Sobre</a></li>
            <li><a href="#">Ajuda</a></li>
        </ul>
    </nav>
</header>

<h1>A Mirror Fashion</h1>
<figure id="centro-distribuicao">
	<img src="img/centro-distribuicao.png" />
    <figcaption>Centro de Distribuição da Mirror Fashion</figcaption>
</figure>

<p>
    A <strong>Mirror Fashion</strong> é a maior empresa comércio eletrônico no segmento de moda em todo o mundo. 
    Fundada em 1932, possui filiais em 124 países, sendo líder de mercado com mais de 90% de 
    participação em 118 deles.
</p>

<p>
    Nosso centro de distribuição fica em <a href="https:\\maps.google.com.br/?q=Jacarezinho">Jacarezinho, no Paraná</a>. De lá, 		saem 48 aviões que distribuem nossos produtos às casas do mundo todo. Nosso centro de distribuição:
</p>


<p>
    Compre suas roupas e acessórios na <strong>Mirror Fashion</strong>. Acesse <a href="index.html">nossa loja</a> ou entre em contato se tiver dúvidas. Conheça também nossa <a href="#Historia">história</a> e nossos <a href="#Diferenciais">diferenciais</a>.
</p>



<h2 id="Historia"><em>História</em></h2>
<figure id="familia-pelho">
	<img src="img/familia-pelho.jpg" />
    <figcaption>Familia Pelho</figcaption>
</figure>
<p>
    A fundação em 1932 ocorreu no momento da descoberta econônica do interior do Paraná. A 
    família Pelho, tradicional da região, investiu todas as suas economias nessa nova iniciativa, 
    revolucionária para a época. O fundador <em>Eduardo Simões Pelho</em>, dotado de particular visão 
    administrativa, guiou os negócios da empresa durante mais de 50 anos, muitos deles ao lado 
    de seu filho <em>E. S. Pelho Filho</em>, atual CEO. O nome da empresa é inspirado no nome da família.
</p>
<p>
    O crescimento da empresa foi praticamente instantâneo. Nos primeiros 5 anos, já atendia 18 países. 
    Bateu a marca de 100 países em apenas 15 anos de existência. Até hoje, já atendeu 740 milhões 
    de usuários diferentes, em bilhões de diferentes pedidos.
</p>
<p>
    O crescimento em número de funcionários é também assombroso. Hoje, é a maior empregadora do 
    Brasil, mas mesmo após apenas 5 anos de sua existência, já possuía 30 mil funcionários. Fora do 
    Brasil, há 240 mil funcionários, além dos 890 mil brasileiros nas instalações de Jacarezinho e 
    nos escritórios em todo país.
</p>

<p>
    Dada a importância econômica da empresa para o Brasil, a família Pelho já recebeu diversos prêmios, 
    homenagens e condecorações. Todos os presidentes do Brasil já visitaram as instalações da Mirror 
    Fashion, além de presidentes da União Européia, Ásia e o secretário-geral da ONU.
</p>

<h2 id="Diferenciais">Diferenciais</h2>
<ul>
	<li>Menor preço do varejo, garantido!</li>
    <li>Se você achar uma loja mais barata, leva o produto de graça!</li>
    ...
</ul>

<div id="rodape">
	<img src="img/logo.png" />
    
    &copy; Copyright Mirror Fashion
</div>

segue o css:

.container{

margin:0 auto;

width:940px;

}

@charset “utf-8”;

/* CSS Document */

body{

color:#333333;

font-family:“Lucida Sans Unicode”, “Lucida Grande”, sans-serif;

}

h1{

background-image:url(…/img/sobre-background.jpg);

padding:10px;

}

h2{

border-bottom:2px solid #333333;

margin-top:30px;

}

figure{

background-color:#f2EDED;

border:1px solid;

text-align:center;

padding:15px;

margin:30px;

}

figcaption{

font-style:italic;

margin-top:10px;

}

p{

padding: 0 45px;

text-ident:15px;

}

#centro-distribuicao{

margin-top:0;

margin-left:auto;

margin-right:auto;

width:550px;

float:right;

}

#rodape{

color:#777;

margin: 30px 0;

padding:30px 0;

}

#rodape img{

margin-right:30px;

vertical-align:central;

width:94px;

}

#familia-pelho{

float:left;

margin:0 10px 10px 0;

}

alguem sabe me dizer o porque?
Obrigado!!!