Trimming the inner content of a div

Question

I have a 147x88 DIV and inside it is an image with the same width, but may be larger in height. In this case, the image goes beyond the div. In any case, in order to freeze the image, remember that I want my page to work in older browsers that do not support CSS3 (IE7 and IE8)?

Answer 1

Just hide the div overflow and the containing image is cropped to the size of the div.

div{width: 147px; height: 88px; overflow: hidden;} 

Answer 2

div { width: 147px; height: 88px; overflow: hidden; }

Answer 3

Install overflow:hidden; in the div:

 #yourDiv { width:147px; height:88px; overflow:hidden; } 

Example: http://jsfiddle.net/purmou/sN5PL/

Answer 4

This question shows how to get image size using jQuery. You may have a small block that checks the size of the image when loading the page and accordingly sets the size of the DIV.