¿Por qué el borde inferior no se ajusta?

[rakol]

Hola os enseño lo que me ocurre, http://alpaluz.com/certificacione.html , en la imagen he colocado en css para que rodee la imagen pero esta en la parte inferior no se ajusta, alguien podria hecharme una mano? os coloco el html y el css:

<div id="esquema">
<a href="img/esquemacerti.jpg" data-lightbox="example-1"><img title="Certificacion Energetica" src="img/thumb-1.jpg" alt="thumb-1"/></a></div>

#esquema {
float: right;
border: 5px solid #2894ab;
border-radius: 5px;
margin-left: 20px;
}

#esquema:hover {
border: 5px solid #30aac4;
}

He probado con padding: 0; y nada, es un javascript el problema podria estar en el? un saludo y gracias

[pzin]

Simplemente indica que esa imagen sea un elemento de bloque:

Código CSS:

#esquema img {
  display: block;
}