HTML and CSS from class discussion on 9/16/2013:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Family Tree Link Positioning</title>
        <style>
			body {
				padding: 0;
				margin: 0;
				background-image:url('background.jpg');
				background-repeat: repeat-x;
				background-color: #1d1d1d;
			}
			#mockup {
				background-image: url('http://fall2013.wudesign.me/student/copithorne/familytree/mockup/familytree.jpg');
				background-position: top center;
				padding: 0px;
				margin: auto;
				width: 960px;
				height: 1200px;
				position:relative;
			}
			.hidden_link {
				display: block;
				position: absolute;
				text-indent:-9999px;
			}
			#josh_link {
				width: 72px;
				height: 50px;
				top: 101px;
				left: 32px;
			}
			#aaron_link {
				width: 72px;
				height: 50px;
				top: 101px;
				left: 117px;
			}
        </style>
    </head>
    <body>
        <div id="mockup">
            <a id="josh_link" class="hidden_link" href="#" title="Josh">Josh</a>
            <a id="aaron_link" class="hidden_link" href="#" title="Aaron">Aaron</a>
        </div>
    </body>
</html>