use a sprite png in li-class and display in div
- by bonny
hello i have some problem with displaying a sprite in a div that is in a li-class.
so the structure is:
<li id="aa">
    <div><a href="#">one</a></div>
</li>
and the css:
li{
        width: 120px;
    height: 18px;
    margin-top: 5px;
}
li div{
        width: 20px;
    height: 10px;
    background-image:url(../images/sprite.png)
    background-repeat: no-repeat;
    margin-left: 0px;
    font-weight:bolder;
    border: 1px solid #fff;
}
when i use this i can see the sprite even outside the div. so i tried adding to li
  background-image: none;
that makes the image in the div not visible too.
so if there is someone who know about that i really would appreciate. 
thanks alot.