Bueno, lo mejor para vos es usar una tabla, que tenga dos columnas laterales de ancho fijo. Algo asi:
#columna1, #columna3 {width:200px}
<table style="width:800px; text-align:center; padding:0; margin:0">
<tr>
<td id="columna1">
</td>
<td id="columna2">
</td>
<td id="columna3">
</td>
</tr>
</table>
Esto, para asegurarte de que las fotos laterales esten bien alineadas, etc. No usas un programa de edicion grafica sino solo html? Tenes muy buen resultado, entonces.
Pero siguiendo con lo que ya esta, te digo. Con lo del float me equivoque. Tendrias que usar la misma propiedad que estabas usando. Y ponerle un ancho fijo.
<div id="left-right" align="left" style="width:175px">
<div>
<a href="Especies.html" target="_self">
<img src="Imagenes/tallas-especies.jpg" width="170" height="212" vspace="149" align="right"></a>
</div>
<span style="margin-top:20px; padding:5px; height: 40px; width:170px">
</span>
</div>