Obrazek przed listą w sidebarze

#sidebar ul {
	margin:0;
	padding:0;/* odstęp wewnatrz od krawędi napisów */
	}

#sidebar ul li {
	margin: 5px;
	padding: 0;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:10px 0;
	padding: 0;
}

#sidebar ul ul li {
	list-style-type: none;
	line-height:18px;
	}

#sidebar ul ul ul{margin:0; padding:0;}

Mam tak wystylizowaną listę w sidebarze i teraz mam problem aby ją przerobić tak żeby jak mam listę kategorii(i wszystkich widgetów dodanych) to przed każdą z tych pozycji w liście wyświetlał się obrazek(point.png) a we wszystkich podkategoriach przed każda z pozycji z tej listy podkategorii wyświetlał się obrazek(point2.png). Nie wiem czy rozumnie to napisałem, ale ja jestem na takim etapie jeszcze że nie daje rady z tym stylem.