html中li标签重叠,html – 用背景和z-index重叠的li元素

我有一个ul在树状列表项在水平视图.

所有的列表项都有相同的背景图片：

我想重叠的背景图像,所以它看起来像这样：

CSS：

div#menu ul li{

height:30px;

display: inline;

list-style-type: none;

width: 60px;

background: url(http://i.stack.imgur.com/adwVj.jpg);

background-size: 100%;

background-repeat: no-repeat;

padding-right: 5px;

padding-left:30px;

z-index:2;

}

div#menu ul li:first-child{

padding-left:20px;

z-index:3;

}

div#menu ul li:last-child{

padding-left:35px;

margin-left:-30px

z-index:1;

}

HTML：

• Account
• Registreren
• Winkelwagen

z-index出错了！