把
li{
 list-style-type:none;
 float: left;
 margin: 0px;
 padding-top: 0px;
 padding-right: 17px;
 padding-bottom: 0px;
 padding-left: 17px;
 color: #FFFFFF;
 border: 1px solid #FFFFFF; 
}

把那几个padding删掉，添加一个属性：display:block;

再给LI添加一个宽度：width: ??px;  高度：height:??px;

??部分你试试看需要多少。这样就不会出现你那个问题了。