Add "Watermark" effect with CSS?

I have an image in a div. I need to add a watermark effect, or basically another image, overtop the image the div. How can I do this with css?

Example code:

<div id="image">
</div>

css:

#image {
   background:url(images/images.png) no-repeat;
}