Bilder in Style.css proportional machen

Hey! Ich habe auf meiner Webseite eine übersicht der Artikel. Hier ein Screenshot: http://take.ms/sHhOF

Mein Problem ist im Bild auch schon angeschnitten, auf der rechten Seite sind die kleinen Bilder nicht proportional. In der großen Box links schon, denn die Bilder werden dort einfach so groß gemacht und dann abgeschnitten, dass es proportional ist. Der Code für die linke, große Box:

.main-post > a img {    width: 314px;
    height: 230px;
    border: 8px solid #eee;
    margin-bottom: 18px;
}

Der Code, für die kleine Box:

.other-posts li img {    float: left;
    /*New*/
    width: 95px;
    height: 50px;
    /*New*/
    margin-right: 10px;
}

Wie kann ich es erreichen, dass die kleine Box weiterhin eine Breite von 95px und eine Höhe von 50px behält, die Bilder aber auch dort vergrößert werden damit die Proportionen erhalten bleiben wie bei der großen Box?