html - グラデーション ナビゲーション バーの幅

Question

ナビゲーション バーをページの最後に移動しようとしていますが、問題が発生しています。私のナビゲーション バーはグラデーションになっています。ページの一番左側から右側の一番端まで移動できるように、いくつか試してみました。
CSS:

.nav ul {
list-style-type:none;
margin:0px;
padding:0px;
}


    .nav li {
float:left;
}

    .nav a:link, a:visited {
display:block;
width: %100;
font-weight:bold;
color: #FFFFFF;
background-color:#363636;
background-image:url('../images/nav.png');
background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#0A0A0A));
background:-webkit-linear-gradient(top,#363636,#0A0A0A);
background:-moz-linear-gradient(top,#363636,#0A0A0A);
background:-o-linear-gradient(top,#363636,#0A0A0A);
background:-ms-linear-gradient(top,#363636,#0A0A0A);
background:linear-gradient(top,#363636,#0A0A0A);
text-align: center;
padding: 10px;
padding-left: auto;
padding-right: auto;
text-decoration:none;
}

    .nav a:hover, a:active {
color: #FFFFFF;
background-color:#0A0A0A;
background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#363636));
background:-webkit-linear-gradient(top,#0A0A0A,#363636);
background:-moz-linear-gradient(top,#0A0A0A,#363636);
background:-o-linear-gradient(top,#0A0A0A,#363636);
background:-ms-linear-gradient(top,#0A0A0A,#363636);
background:linear-gradient(top,#0A0A0A,#363636);
}

Answer 1

質問のタイトルで言及Widthしているので...コードを見た後、頭のてっぺんから変更してみてください。

width: %100;

に

width: 100%;