[SOLVED] Bullets from hellllll!

[ultrus]

Hello,

I'm trying to create a bulleted list with different images as bullets at different levels. Here is a link to a demo that is NOT working:

http://www.christopherstevens.cc/fun/bulletsFromHell.html

 

Any thoughts on how I would correct the doubled bullets and position the images better? Here is the code:

...

<style type="text/css">
  
ul {
list-style-type: none;
list-style-image: url(http://christopherstevens.cc/fun/bulDiamSB.gif);
}

ul ul {
list-style-type: none;
list-style-image: url(http://christopherstevens.cc/fun/bulDiamSB2.gif);
}

ul ul li:before {
list-style-image: none;
}

ul ul ul {
list-style-type: none;
list-style-image: url(http://christopherstevens.cc/fun/bulDiamS.gif);
}

ul ul ul ul {
list-style-type: none;
list-style-image: url(http://christopherstevens.cc/fun/bulDiamS2.gif);
}

</style>

...

<ul>
<li>level 1-1</li>
<li>
	<ul>
		<li>level 2-1</li>
		<li>
			<ul>
				<li>level 3-1</li>
				<li>
					<ul>
						<li>level 4-1</li>
						<li>level 4-2</li>
					</ul>
				</li>
				<li>level 3-2</li>
			</ul>
		</li>
		<li>level 2-2</li>
	</ul>
</li>
<li>level 1-2</li>
</ul>

 

Thanks much in advance! This is driving me nuts today.

[rhodesa]

get rid of the LI tag around the child UL tag...

 

<ul>
<li>level 1-1</li>
<ul>
	<li>level 2-1</li>
	<ul>
		<li>level 3-1</li>
		<ul>
			<li>level 4-1</li>
			<li>level 4-2</li>
		</ul>
		<li>level 3-2</li>
	</ul>
	<li>level 2-2</li>
</ul>
<li>level 1-2</li>
</ul>

[ultrus]

Whoa that was easy! Thanks you very much for that. It appears I was making it overly complicated.