菜单之间的CSS空白

我有一个问题，CSS之间的空白字的菜单栏。我尝试了许多方法，但仍然不能解决它。有人能帮我吗

菜单问题的图片如下所示：

我希望结果是这样的，每个菜单之间的空间更小：

这是我的css：

  #cssmenu{
     border:none;
     border:0px;
     margin:0px;
     padding:0px;
     font-family:verdana,geneva,arial,helvetica,sans-serif;
     font-size:14px;
     font-weight:bold;
     color:8e8e8e;
}
  #cssmenu ul{
     background:url(img/menu-bg.gif) top left repeat-x;

     height:43px;
     list-style:none;
     margin:0;
     padding:0;


}
#cssmenu li{
    float:left;
    padding:0px 0px 0px 132px;
    display: inline-block;
    }
#cssmenu li a{
    color:#666666;
    display:block;
    font-weight:bold;
    line-height:43px;
    padding:0px 0px;
    text-align:left;
    text-decoration:none;
    }
    #cssmenu li a:hover{
        color:#000000;
        text-decoration:none;
        }
#cssmenu li ul{
    background:#e0e0e0;
    border-left:2px solid #f68618;
    border-right:2px solid #f68618;
    border-bottom:2px solid #f68618;
    display:none;
    height:auto;
    filter:alpha(opacity=95);
    opacity:0.95;
    position:absolute;
    width:180px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
    }
#cssmenu li:hover ul{
    display:block;
    }
#cssmenu li li {
    display:block;
    float:none;
    padding:0px;
    width:180px;
    }
#cssmenu li ul a{
    display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
    text-align:left;
    }
    #cssmenu li ul a:hover{
        background:#949494;
        color:#000000;
        opacity:1.0;
        filter:alpha(opacity=100);
        }
#cssmenu p{
    clear:left;
    }   
#cssmenu .active > a:hover {
    color:#ffffff;
    }

以下是我的html代码：

<div id='cssmenu'>

<ul>
   <li><a href='index.php'><span>Home</span></a></li>
   <li><a href='promotions.php'><span>Promotions</span></a></li>
   <li><a href='outlets.php'><span>Outlets</span></a></li>
   <li><a href='feedback.php'><span>Feedback</span></a></li>
   <li class='has-sub '><a href='#'><span>Career</span></a>
      <ul>
         <li><a href='stall.php'><span>Stall Leasing</span></a></li>
         <li><a href='career.php'><span>Career Opportunity</span></a></li>
      </ul>
   </li>
   <li><a href='contactUs.php'><span>Contact Us</span></a></li>
</ul>

                </div>

尝试删除blue round.css文件中.border类第311行的填充

使用此选项还可以减少li的填充和线条高度

#cssmenu li{
    float:left;
    padding:30px;
    display: inline-block;
    }

---

请澄清问题以及您期望发生的情况。另外，请创建一个jsfiddle尝试添加

单词间距

或

字母间距

，以定义单词之间的间距或字母间距。使用单词间距方法，但仍然无法使用问题发布html代码。我已发布html代码！谢谢，已尝试删除，但外观仍与以前相同。谢谢！成功了！但是你知道我能不能把菜单放在页面的中间？因为现在整个菜单都向左浮动！