Minimering af linjehøjde

Har en række linjer med menupunkter, der starter med en lille 'dot' defineret i en style.

<span style="line-height:16px;"><span style="float:left; margin-left:0px; width: 12px; height:10px; background-image: url(dot.gif);"></span><ahref=# class="redlinkspeakers">link1</a><br /></span>
<span style="line-height:16px;"><span style="float:left; margin-left:0px; width: 12px; height:10px; background-image: url(dot.gif);"></span><a href=# class="redlinkspeakers">link2</a><br /></span>
<span style="line-height:16px;"><span style="float:left; margin-left:0px; width: 12px; height:10px; background-image: url(dot.gif);"></span><a href=# class="redlinkspeakers">link3</a><br /></span>

Problemet er, at ovennævnte ikke har samme venstre-margin, men rykker lidt ind for hver ny linje.

Er ikke sikker på dette er den rigtige måde overhovedet, men jeg skal også bare have minimeret afstanden mellem linjerne, samtidig med at jeg kan style hhv. dot'en og linket - så er jeg glad :)

Hvordan gør jeg det smartest?