[Q] CSS Element über Element

Ich hab da ein kleines Problem. Ich versuche jetzt seit ca. einer halben Stunde eine Lösung zu finden, aber kriege es irgendwie nicht hin.

Ich habe ein Bild, das über ein anderes Bild liegt, sodass man das darunter liegende Bild sehen kann. (Das obere ist transparent) Mein Problem hierbei ist, dass das untere Bild die ganze Zeit den Rand des oberen Bildes überschreitet. Wenn ich jedoch die Breite und die Höhe einstelle, wird das Bild verkleinert. Ich will jedoch, dass es "zurechtgeschnitten" wird.

Hoffe ihr könnt mir helfen.

Liebe Grüße,
Can

<div class="news-img-box omega">
      <img src="http://images-eussl.habbo.com/c_images/article_images_hq/Article_carnival.gif" />
</div>

.news-img-box {
	width: 249px;
	height: 106px;
	background-image: url('../gallery/classic/news-img-box.png');
	position: absolute;
	margin-left: 300px;
}

#Edit: Ich glaube ich sehe grad einen Fehler xD

Danke, aber habs anders hinbekommen. Zwei Boxen erstellen, mit den jeweiligen Bildern als Background.