Image Teilanzeige

Hallo,
ich möchte in eine Grafik 4 Männchen hintereinander schalten und als 1 png abspeichern.
Die verschiedenen CSS sollen dann den jeweiligen Ausschnitt aus der Grafik anzeigen. Bsp:

Wenn die Grafik aus den Grafiken a,b,c,d besteht, die jeweils 20 breit und 40 hoch sind so ergäbe sich für die Grafik folgendes Bild:
abcd

b liegt also an den Koordinaten 21,0 und geht bis 40,40.

Das css File sollte also wie folgt aussehen.
div.showAausGrafik
{
display image part A;
}

Irgendwelche Ideen?

Als Hintergrundbild und mit background-position positionieren.

Mehrere Bilder

Super, klappt. Danke