¿Eso no te ayuda? ¿No te da una idea de dónde está el problema?
Pues vaya.
Elimina el height de los "li"
Ahora envuelve todo lo que no es la imagen de cada "li" en una caja:
Cita: <li>
<img alt="libro1" src="images/libro_1.jpg"/>
<div id="caja">
<h2>70 JUEGOS PARA DINÁMICA DE GRUPOS</h2>
<p><strong>Autor:</strong> FRITZEN SILVINO JOSE</p>
<p><strong>Editorial:</strong> LUMEN S.R.L.</p><p><strong>Editorial:</strong> LUMEN S.R.L.</p><p><strong>Editorial:</strong> LUMEN S.R.L.</p><p><strong>Editorial:</strong> LUMEN S.R.L.</p>
<p><strong>ISBN:</strong> 9789507249099</p>
<p class="precio">Precio: $22,00</p>
<div class="carrito">
<a href="#"><img title="Comprar este libro!" alt="Click para comprar..." src="images/carrito.jpg"/></a>
</div>
<div class="masinfo">
<p>Mas Información</p>
</div>
<p class="linea_pie">Pie</p>
</div></li>
Y ahora añade en la css el selector:
.caja {margin-left:108px;}
Por último, en el selector #info ul li div.masinfo, cambia tus márgenes por estos:
margin:7px 0pt 0pt 110px;