Links are present and working through "page source" but not through browser?

On my page index.html as per url provided. I have linked the <h2> element "Coffee" to demo-blog.html. I have not added the link to the image, merely added the demo-blog.html address to the word Coffee and the now edited date below it. To my surprise neither of your links show anything? They are all correct so I don't understand why? When I view the page source, the links work straight away, but not on the live page. None of the other links to images bring up the link prompt also?
NB index.html on the remote server is hover-parallax.html from Canvas.
I am always very excited when I sit down to use Canvas, disappointed when things like this happen.
please help
AbelMagwitch

Hi
Sorry about the URL. Here is a corrected URL.

Original link not saved as index.html

I gave up on the original page and identified another to use as index.html.
just before I am posting this, I tried the link in 3 browsers to no avail. I have not messed with anything, I am at a loss as to why It happens?

Thanks for that. I was really struggling with it, I would love to know how you find out where the problem lies. Well done.
There is also a problem I am having with Canvas. Same site, different page. After much trial and error, I haved trimmed down this pages of its sidebar but I cannot find out how to centre the #wrapper div to centre the page. I have tried everything I know and all the help I can get but no further on.

http://muff.wellbugger.me/blog-single-full2.html

I know, I think I know, I should be in style.css possibly here:

#wrapper {
	position: relative;
	float: none;
	width: 0 ;
	margin: 0 auto 0 37px;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);

Possibly something to do with these two lines:

   `width: 0 ;
margin: 0 auto 0 37px;`

Outside of that, I am lost.

Thanks