Lists within Lists

Hi all, I’m trying to make a list with custom bullet images… simple enough eh? But some of the list items will have sublists, which must have a separate list image bullet. How do I do this? (see attached image)


<ul>
<li>Main List Item</li>
<li>Main List Item</li>
<li>Main List Item</li>
<li>Main List Item</li>
<ul>
<li>Sub List Item</li>
<li>Sub List Item</li>
<li>Sub List Item</li>
<li>Sub List Item</li>
</ul>
<li>Main List Item</li>
<li>Main List Item</li>
<li>Main List Item</li>
</ul>

Any idea people?