我的100％流体垂直导航并不总是100％

Question

我在移动网站上工作，我尝试使用100％的宽度用于此导航栏，但是当它100％时，它太长了。当它的97％似乎合适时，但当它缩小时，它太大，或者扩大它太小而在最后留下一个空隙。 下面的代码是我使用的按钮，我叠加在一起用作导航。您认为问题是什么，以及为什么我无法100％工作，并且无论页面大小如何，始终在页面上显示栏？

.callbutton2 {

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #c9c9c9) );

background:-moz-linear-gradient( center top, #e6e6e6 5%, #c9c9c9 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#c9c9c9');

border-bottom:1px solid #666;

border-top:1px solid #828282;

display:block;

color:#000;

font-family:arial;

font-size:15px;

font-weight:bold;

text-decoration:none;

width:97%;

height:30px;

text-align:left;

padding-left:10px;

padding-top:15px;}