css - div の自動サイズ変更

Question

実際の例から始めましょう: http://makeshot.net/f/LX8Y2jH

黒い画像をズームインおよびズームアウトできます。幅が 100% のナビゲーション バーがあります。ズームインした後、画像#navは大きくならず、古いサイズのままです。

#nav{
width: 100%;
float: left;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #C9C9C9;
    border-bottom: 5px solid #ddd;
    position: relative; 
    border-top: 1px solid #ccc;
text-align: center; }
#nav li {
    list-style: none;
    display:inline-block; }
    #nav li a.special { 
    display: block;
    padding: 5px 5px;
    font-size: 13px;
    text-decoration: none;
    border-right: 1px solid #ccc; 
    }
        #nav li a:hover.special { 

    }
#nav li a {
    display: block;
    padding: 5px 5px;
     font-size: 13px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ccc; }
#nav li a:hover {
    color: #fff;
    background-color: #000; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

Answer 1

これをcssに追加します

#nav{position:fixed;}