Inserting a rectangle image inside a hexagon image using CSS

[iikagk9tot]

I have an image of a hexagon, and another image in the shape of a rectangle. I want to put the rectangle image inside the hexagon shaped image. I know this can be done using CSS, but the shape of my hexagon is special. I have tried creating multiple divs embedded in one another and styling the position to relative and absolute, respectfully, but it doesn't work. Basically, how to I insert an oddly shaped image inside another oddly shaped image? It seems like a simple solution, but I can't figure it out!