Listes, puces et CSS

bonjour,
comment aligner une puce (image) avec son texte ? comment savoir quelle taille doit faire l'image de la puce pour qu'elle soit bien calée ?

et d'autre part.. comment coller la liste en haut de la cellule du tableau ? (ya un gros blanc en haut et en bas)

voici mon code

<style type="text/css">
/*{ 
padding:0; 
margin:0; 
} 
body{

}
*/
#nav_gauche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
list-style-position: inside;
}
#nav_gauche a:link{
text-decoration: none;
font-weight:normal;
color:#000000;
}
#nav_gauche a:visited{
text-decoration: none;
font-weight:normal;
color:#000000;
}
#nav_gauche a:hover{
text-decoration:underline;
}
#nav_gauche a:active{
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

#nav_gauche, li{
border-bottom: 1px solid #EEEEEE;
padding-top:7px;
padding-bottom:7px;
list-style-type: none;
margin:0;
}
.nav_gauche_sous_menu{
font-size:11px;
padding-left:10px;
text-decoration:none;
}
</style>
<table width="130" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2" align="right">
			<img src="img/1/nav_gauche_filet_haut.jpg" width="130" height="17" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2" valign="top">
		<ul id="nav_gauche">
		<li style="list-style-image:url(img/1/nav_gauche_fleche1.jpg)"><strong>Accueil</strong></li>
		<li style="list-style-image:url(img/1/nav_gauche_fleche2.jpg)"><strong>Mon compte fid&eacute;lit&eacute;</strong></li>
			<li class="nav_gauche_sous_menu"><a href="#">Mes coordonn&eacute;es</a></li>
			<li class="nav_gauche_sous_menu"><a href="#">Mes points</a></li>
			<li class="nav_gauche_sous_menu"><a href="#">Mes commandes</a></li>
			
		</ul>
		</td>
	</tr>
	<tr>
		<td colspan="2" align="right">
			<img src="img/1/nav_gauche_filet_bas.jpg" width="130" height="18" alt="" /></td>
	</tr>
</table>

Modifié par freed102 (21 Mar 2006 - 15:37)