Displays horizontal and vertical images using the CSS -

i have fixed-width tape images. horizontal displayed (the width of tape), vertical not fit on entire screen.

look @ here http://didi.url.ph/design (click first block cat) :)

now have:

    #ajaxcontent .field-item img {          height: auto;         width: 100%;      }

how make: maximum width of image - width of tape, maximum height - height of screen.

it not work:

    #ajaxcontent .field-item img {          max-width: 100%;          max-height: 80vh;     }

because image stretched disproportionately.

are there ideas?

you can this:

css

#ajaxcontent {     background: #ffffff none repeat scroll 0 0;     height: 90vh;     margin: 40px auto;     overflow: auto;     position: relative; }

JAV