圆角导航效果图问题

Question

<style type="text/css">

*{margin:0; padding:0; font-size:14px;}

ul{list-style:none; height:50px; padding-left:30px; border-bottom:5px solid#f60;}

li{float:left; margin-top:20px;}

a{text-decoration:none; display:block; height:30px; line-height:30px; width:120px; background:#ccc; margin-bottom:1px; text-align:center; background:url(%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87.png)}

.on, a:hover{color:#fff; background-position:0 -30px;}

</style>

为什么按照老师的课程自己做的效果图会和老师的不一样呢？

我的

老师的

Answer 1

导航条菜单的制作 视频课程中的案例

Answer 2

可以把具体哪一节课贴上来，不然这样不太好看出问题啊