Dopasowanie img do div Opcje

[qbas-s]

Posiadam div o wymiarach 166x175px i overflow hidden. Do takiego każdego takiego elementu wczytywane jest jedno zdjęcie. Problem w tym, że zdjęcia są różnych rozmiarów np 800x600, 200x600, 600x200 itp. Klient sobie zażyczył aby przy tego typu fotach każde zdjęcie było w 100% widoczne w elemencie div. Wolałbym to jakoś np w jquery zrobić a nie np w php bo skrypt na którym pracuje nie jest mój i nie chce mi się szerzej zagłębiać w kod.

[qbas-s]

Aktualnie mam tak i to nie działa

[HTML] pobierz, plaintext 
<div class="category-photo">
                                <a href="./pl/lorem" >
                                    <img src="lorem.png" >
                                </a>
 
                            </div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.category-photo {
position: relative;
background: #fff;
overflow: hidden;
height: 166px;
width: 175px;
}
 
img {
height: auto;
width: 100%;
top: 0px;
bottom: 0px;
left: 8px;
position: absolute;
}
 
[CSS] pobierz, plaintext 

Ten post edytował qbas-s 17.02.2014, 14:15:13