Html 用嵌套ul'定位问题；s

我正在尝试创建一个向下滑动的垂直菜单。我的菜单会像预期的那样，在这一部分的主要部分向下推另一个李。唯一的问题是子菜单移动到右侧，我希望它们与父菜单对齐。这说明了这个问题。源代码如下，但所有代码都在JSFIDLE中

谢谢， 基丽

演示
div{
宽度：180px；
}
迪乌尔{
显示：无；
}
div ul li:悬停>ul{
显示：块；
}
李迪夫{
列表样式：无；
背景：#F00；
宽度：180px；
}
李迪夫{
背景：蓝色；
宽度：180px；
}
李丽亚分区{
宽度：180px；
颜色：白色；
}
李迪夫{
背景：红色；
宽度：180px；
}

将以下内容添加到CSS中：

ul ul{
    padding:0; /* stop children from being offset left */
}

这就是你要找的

将类添加到子菜单，并将其设置为以下样式

.sub
{
    padding: 0px;
}

这样地？

.sub
{
    padding: 0px;
}