CSS - image overflow tricks
- by rnk
I'm stucking with some design techniques where I want to make image item box like this
Where the actual image can be upto maximum height of 300px and width of 225px. The width and height of the item box including the image and the text is 190px x 190px I'm using this image http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg
I tried using overflow: hidden for the image item to hide it's height below to show the image text. But I'm getting only like this http://jsfiddle.net/Dkh4q/
Could anyone tell the mistake I've done?
Thanks!
UPDATE
For more information about the expected result, if you can login to zerply, then please check this http://zerply.com/christievdc/portfolio for example.