Übergroßes Bild zentrieren und beschneiden

[T-Rex]

Moin,

jetzt hab ich doch mal ein css Problem :(.
Hab da ein Bild. Das Bild hat eine unbekannte Größe. Damit man es sich besser vorstellen kann nehmen wir mal an das Bild ist 200 x 200 Groß. Jetzt sollen lediglich 100 x 100 des Bildes angezeigt werden und zwar aus dem Zentrum heraus. Sprich der Rand wird beschnitten.

Eigentlich würde ich so ein Konstrukt benutzen:
<div class='parent'>
<img src='example.jpg' />
</div>

Und folgende Styles:
.parent
{
height: 100px;
width: 100px;
overflow: hidden;
}

.parent img
{
margin-top: -50px;
margin-left: -50px;
width: 200px;
height: 200px;
}

Da ich aber wie eingangs erwähnt nicht weiß wie groß das Bild ist, kann ich margin-top und margin-left nicht angeben.

Gruß
text-align: right
                                                                     T-Rex