css:li元素转到新行后的图像

在列表中的每个元素之后插入图像时出现问题。我使用“：after”并显示图像，但不是在每个元素之后，而是在每个元素下都有一个新的换行符：

应为（|=图像）： 站点1 |站点2 |站点

现实： 站点1站点2站点3 |||

下面是我的css代码，也许有人可以帮助我：

/* Navigation */
#nav {
    position:relative; 
    height:70px;
    background:#191919;
    position:relative;
}

/* The main menu */
.menu{
    list-style: none; 
    position: relative; 
    float: left; 
    display: block; 
    left: 50%;
    padding-top:20px;
 }

/* First level of navigation */ 
.menu li{
    position: relative; 
    float: left; 
    display: inline; 
    right: 50%;
    padding-right:15px;
      }

.menu li a{
    display:inline;
    width:auto;
    word-wrap: break-word;
    text-shadow: none; 
    color:#FFF;
    text-decoration:none;
    font-size:14px;
    font-weight:normal;
     }

.menu li:after {
    display: block;
    content: "";
    width: 5px;
    height: 50px;
    background: transparent url('../images/nav_bar_line.png') no-repeat;
}

---

您可以为此使用

绝对
位置。这样写：

.menu li:after {
    display: block;
    content: "";
    position:absolute;
    top:0;
    right:-5px;
    width: 5px;
    height: 50px;
    background: transparent url('../images/nav_bar_line.png') no-repeat;
}

您可以为此使用
绝对
位置。这样写：

.menu li:after {
    display: block;
    content: "";
    position:absolute;
    top:0;
    right:-5px;
    width: 5px;
    height: 50px;
    background: transparent url('../images/nav_bar_line.png') no-repeat;
}

thx，但仍有一些问题..文本中有一些行等。。但比以前好多了；）thx，但仍有一些问题..文本中有一些行等。。但比以前好多了；）