                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

这代码有问题吗？为什么雪碧图没有完整的出来？

...
li i {
    background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);
    display: inline;
    float: left;
    margin: 3px 10px 0 0;
    height: 24px;
    width: 30px;
}

  /* 在这里补充雪碧图的样式 */
.cat-1 i{backgroung-position:0 0;}
.cat-2 i{backgroung-position:0 -24px;}
.cat-3 i{backgroung-position:0 -48px;}
.cat-4 i{backgroung-position:0 -72px;}
.cat-5 i{backgroung-position:0 -96px;}
.cat-6 i{backgroung-position:0 -120px;}
.cat-7 i{backgroung-position:0 -144px;}
.cat-8 i{backgroung-position:0 -168px;}



</style>