I am trying so hard to use a custom image for a button in the header of my JQuery Mobile page. I am basically having the same problems as the person in this post: Custom Header Buttons in JQuery Mobile. None of the answers there helped me though.

What I am trying to do is simply show one of the following two images:

Ideally, I would like the image to scale appropriately. Regardless, whenever I attempt to include the image in my header, it looks all distorted. I can't figure out why. Here is what my code looks like: