List item image marker - A cross browser solution

This example demonstrates a cross browser solution to using custom image markers for list items.

by Shreerang Patwardhan

HTML

<ul>
    <li>Jquery Mobile</li>
    <li>CSS</li>
    <li>Google Maps Javascript API v3</li>
</ul>

CSS

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul li {
    background-image: url(http://www.mal-dives.com/maldives/images/icon_check.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px; 
    padding-left: 20px;
}