I've been facing challenges with adjusting the height of this image to match the div container. I've experimented with various height properties such as max-height, min-height, normal height, auto, and 100%, but none seem to be providing the desired outcome. While I understand that the image may not look ideal, I simply need it to fit within the container.
For reference, you can view an example here - http://jsfiddle.net/UkrdP/
Image code snippet:
.portfolioItem {
float: left;
overflow: hidden;
position: relative;
width:40%;
height:auto;
}