Gérer les listes et souslistes

Bonjour, j'ai un pb de mise en forme de menu de dossier en liste et sous liste

Ma première liste se fait par un triangle en img
puis je veux mettre un carré square avec un petit retrait de 2px
mais je me retrouve avec mon menu avec mon triangle en liste puis un retrait et de nouveau une sous liste avec ce même triangle

Voici mes css

.dossier ul {
	margin: 0;
	padding: 10px 5px 20px 6px;
	float: left
}
.dossier ul li {
	list-style: none;
	float: left;
	font: bold 12px/14px "Times New Roman", Times, serif;
}
.dossier ul li a {
	color: #000;
	background: url(../images/arrow-small.gif) no-repeat 0 3px;
	text-decoration: none;
	padding: 0 0 0 16px;
	display: block;
}
.dossier ul li a:hover {
	background: url(../images/arrow-small-2.gif) no-repeat 0 3px;
	text-decoration: underline;
}

.dossier ul li {
    margin: 0;
	padding: 0;
} 
 
.dossier ul li ol {
    margin: 0;
	padding: 0;
} 
 
.dossier ul li ol li {
	list-style: square;
	float: left;
	margin: 0;
	padding: 0;
	font: bold 11px/12px "Times New Roman", Times, serif;
}
.dossier ul li ol li a {
	color: #CCC;
	text-decoration: none;
}
.dossier ul li ol li a:hover {
	text-decoration: underline;
}