You must pay attention to what everyone is saying and look at your code carefully.:) (and validate often)
In your page you have these 2 invalid sections of html.
<a href="[#](http://www.sitepoint.com/forums/view-source:http://www.thecreativesheep.ca/pagehome/home2.htm#)"><div id="masterhome"></div></a>
<div id="masterhome"><a href="[#](http://www.sitepoint.com/forums/view-source:http://www.thecreativesheep.ca/pagehome/home2.htm#)"</a></div>
Both are invalid.
In the first the anchor cannot surround a div as already mentioned and must be inside.
In the second you have missed a closing bracket on the anchor.
Change the code to this:
<div id="masterhome"><a href="#"></a></div>
Then size the anchor to match the parent using display:block and width and height as follows:
background:red;/* just for testing*/
I also note that you still have not added the missing closing div for #wrap which means that the footer is still sitting inside the wrong element and is still misplaced.
I have told you to change this at least 5 times now with multiple examples and correct code yet you still have not changed it. If you do not understand then then that's fine but I have given you exact code a number of times and you only needed to cut and paste.;)