Html 菜单与CSS3对齐

我创建的菜单，左边有一个空白，我无法修复它，我试图用position和float更改CSS代码，但没有成功

*{margin:0；paddind:0；}
身体{
字体系列：arial、helvetica、无衬线字体；
字体大小：12px；}
.菜单{
列表样式：无；
边框：1px实心#C0C0；
浮动：左；}
李先生{
右边框：1px实心#C0C0；}
.menu li a{color:#333；文本装饰：无；填充：5px 10px；显示：块；}
.菜单a:悬停{
背景：#333；
颜色：#fff；
-莫兹波兹阴影：0 3px10px 0#ccc；
-网络工具包盒阴影：0 3px 10px 0#ccc；
文本阴影：0px 0px 5px#fff；}
.菜单{
位置：绝对位置；
顶部：25px；
左：112px；
背景色：#fff；
显示：无；}
.menu li:hover ul{display:block；}
.菜单李宇莉{
边框：1px实心#C0C0；
显示：块；
宽度：150px；}

您在

*{…}

样式规则上有一个输入错误。将

paddind

更改为

padding

就这样

*{margin:0；padding:0；}
身体{
字体系列：arial、helvetica、无衬线字体；
字体大小：12px；}
.菜单{
列表样式：无；
边框：1px实心#C0C0；
浮动：左；}
李先生{
右边框：1px实心#C0C0；}
.menu li a{color:#333；文本装饰：无；填充：5px 10px；显示：块；}
.菜单a:悬停{
背景：#333；
颜色：#fff；
-莫兹波兹阴影：0 3px10px 0#ccc；
-网络工具包盒阴影：0 3px 10px 0#ccc；
文本阴影：0px 0px 5px#fff；}
.菜单{
位置：绝对位置；
顶部：25px；
左：112px；
显示：无；}
.menu li:hover ul{display:block；}
.菜单李宇莉{
边框：1px实心#C0C0；
显示：块；
宽度：150px；}

您在

*{…}

样式规则上有一个输入错误。将

paddind

更改为

padding

就这样

*{margin:0；padding:0；}
身体{
字体系列：arial、helvetica、无衬线字体；
字体大小：12px；}
.菜单{
列表样式：无；
边框：1px实心#C0C0；
浮动：左；}
李先生{
右边框：1px实心#C0C0；}
.menu li a{color:#333；文本装饰：无；填充：5px 10px；显示：块；}
.菜单a:悬停{
背景：#333；
颜色：#fff；
-莫兹波兹阴影：0 3px10px 0#ccc；
-网络工具包盒阴影：0 3px 10px 0#ccc；
文本阴影：0px 0px 5px#fff；}
.菜单{
位置：绝对位置；
顶部：25px；
左：112px；
显示：无；}
.menu li:hover ul{display:block；}
.菜单李宇莉{
边框：1px实心#C0C0；
显示：块；
宽度：150px；}