Hiding an overflowing image.

[Blutarsky]

Ten rows, each one made by:

* Outer DIV, height = 82px
** inner DIV left
***** floated left image width = 60px
** inner DIV right
***** some text

In the inner DIV left, images are floated left, and resized and scaled accordingly using "width" parameter. Image height is omitted to allow proper scaling; as a result images exceeding outer DIV height, they do overflow.

I have tried to style inner DIV left with overflow:hidden, but this doesn't help.....

Any idea?

[D_Blackwell]

Why not resize the image itself with a graphics program? Resizing in CSS is a hack.
..........................

resized and scaled accordingly using "width" parameter. Image height is omitted to allow proper scaling;

You can't scale without width and height. Scaling is proportional.

I am missing something, because it shouldn't be overflowing the container anyway.

[Blutarsky]

It does overflow because it's floated, I believe....