Question : How do I layer hyperlink image over another image on a web page?

I've been trying to figure out how to layer in a sign-up button image hyperlinked to a sign-up page over a home page image, and I'm having trouble figuring it out on my own.  My website is http://finavigation.com.  I would like to add a sign-up button superimposed somewhere on the image (screenshots) that is on the home page.  Similar to what this site has done: http://www.shopify.com/.  

How do I do this?  Thanks in advance!

Answer : How do I layer hyperlink image over another image on a web page?

You can see that in the CSS for the header section (below), a background-image has been defined.  A fore-ground image is like below where it is in your regular HTML code.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

>>>>> background image
#header {
	width: 100%;
	height: 118px;
	border: 1px none red;
	background-image: url(images/topBG.jpg);
	background-repeat: repeat-x;
}


>>>> foreground image
<p><a href="http://finavigation.com/overview"><img class="aligncenter size-full wp-image-1751" title="homeimage" src="https://finavigation.com/wp-content/uploads/2010/07/homeimage.png" border="1" alt="" width="700" height="320" /></a></p>
Random Solutions  
 
programming4us programming4us