圆角导航效果图问题

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

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