[Turtle91]

Just for a complete answer:

If you wanted the detail available with a .png image I would change the css to something like this:

hr.ChDiv {
  height:2em;
  background: transparent url("../Images/Wrench.png") no-repeat center;
  background-size: auto 100%;  
}

That would give an image like this - what we are normally used to seeing with a png image:


If you used the mask technique it would make the same image look like this:


And for the OP's original question about a fleur de lis, using a mask:



OK - I'm out - time to go pay bills!