How to have different image bullet for nested list ?
Code:
<ul id="centercolumn">
<li>Weblog</li>
<li>Articles</li>
<ul>
<li>How to Beat the Red Sox</li>
<li>Pitching Past the 7th Inning</li>
<li>Eighty-Five Years Isn't All That Long, Really</li>
</ul>
<li>About</li>
</ul>
Code:
#centercolumn ul {
margin:0;
padding:0;
padding-left:24px;
list-style:decimal outside;
text-align:left;
}
#centercolumn li {
background: url(arrow.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
color:#5B5B5B;
}