Avatar de acordo com qualquer resolução

Olá, tentei muitos códigos hoje e não consegui chegar ao que queria. Em meu monitor a resolução dos avatares na resolução 100% está correta, mas se eu aumento um pouco o avatar sai pra fora da pagina(monitores maiores que o meu ficaram bugados certo?). Gostaria de pedir se conseguem um código para mim, para ajustar os avatares a qualquer tipo de resolução.

Obrigado!

Imagens do problema:


Resolução certa: https://i.imgur.com/VGq0OvJ.png

Resolução errada: https://i.imgur.com/9xzi7Pq.png

Olá!

Par aos avatares estarem em tamanho real, seria assim:

Código:

div.postprofile dl dt img {
max-width: 100px !important;
height: 102% !important;
margin-left: -10px !important;
margin-top: -10px;
}

Mas primeiro procure no CSS por "div.postprofile dl dt img" e vai encontrar este código:

Código:

div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .8s ease-out;
border: 5px solid #eee;
box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
height: 250px!important;
margin-left: 3px;
width: 160px!important;
}

Substitua por este para que o meu lá em cima resulte:

Código:

div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .8s ease-out;
border: 5px solid #eee;
box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
height: 250px;
margin-left: 3px;
width: 160px;
}

Hancki

Ficou ne um tamanho agradável Hancki, obrigado!