Using Before to change list style type

HTML

<ul>
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
	<li>List Item 4</li>
	<li>List Item 5</li>
</ul>

CSS

ul{ 
    list-style-type:none;
}
ul li{
    background: url("http://www.w3schools.com/cssref/smiley.gif") no-repeat;
    padding-left: 40px;
    line-height: 20px;
}