html - メニュー項目が正しく表示されない

Question

問題の原因はわかっていますが、それを解決する方法を実際に見つけることができません。顧客は、メニューをページ コンテナーと同じくらい長くするか、できる限り近づけたい (960 ピクセル) ことを望んでいます。ページを拡大または縮小します。私は本当にそれに対する解決策を見つけることができません（メニューをコンテナに収まるほど小さくする以外に. -

HTML:

<div id="page_menu" style=" margin-left:auto;margin-right:auto; width: 960px">
            <a href='/index.html'> Home </a>
            <a href='/stii.html'> Stii ce sa intrebi? </a>
            <a href='/diferit/html'> Ce e DIFERIT? </a>
            <a href='/oferta.html'> Oferta </a>
            <a href='/cumparare.html'> Cum cumpar? </a>
            <a href='/livrare.html'> Livrare </a>
            <a href='/noutati.html'> Noutati </a>
            <a href='/despre.html'> Despre noi </a>
            <a href='/contact.html'> Contact </a>
            <a href='/parteneri.html'> Parteneri </a>
        </div>

CSS:

#page_menu a {
    float: left;
    text-transform:none;
    color:#F1EFED;
    font-size:20px;
    padding:10px 15px 10px 14px;
    background-color: #84c225;
    text-decoration: none;
    border-right: 1px solid #ffffff;
}