alexander_sp no entiendo bien el problema pues no hay imagen y no puedo comprobar bien cuál es el fallo. Pero a simple vista hay un par de cosas que deberías corregir:
1- Dentro del código HTML para esa estructura hover hay varias etiquetas <p></p> sueltas. Indican párrafo y generan espacios entre elementos que deforman la estructura. Estas etiquetas las inserta automáticamente el editor TinyMCE de WordPress y son muy molestas... Lo mejor que puedes hacer es trabajar directamente en la pestaña HTML del editor, y no en la visual. También pegar todo el bloque de código de la estructura HTML del hover en una sola línea sin espacios. Así WordPress no detectará salto de línea y no insertará esas etiquetas <p>
2- Por alguna razón creo que tu imagen está tomando un ancho y alto de 300px, cuando debería ajustarse al 100% del alto. Lo extraño es que no hay ninguna regla CSS ordenando este comportamiento... Cómo sea, si añades este código a tu style.css (al final del todo) debería arreglarse ese problema:
Código CSS:
Ver original.ih-item .img {
width: 100%;
height: 100%;
}
PD: Los tamaños de los recuadros :hover están predefinidos ya en el css que has pegado, el de i:hover.css. Por lo tanto, si quieres otros tamaños que se ajusten mejor a tus imágenes tendrás que especificarlo por CSS.