title: html5 href download attribute not working with .pdf file
body: <p>I want a .pdf file to download when the user clicks on an image within a table element. This is what I've got:</p>
  
  <p><code>&lt;a href="splosion_CV.pdf"download="splosion_CV.pdf"&gt;&lt;img src="images/downloadIcons/download_icon_violet.png" width="32" height="32" alt="Download my CV" border="0"/&gt;&lt;/a&gt;</code></p>
  
  <p>Right now, it appears to download on click, but then Chrome says "failed-server problem". I'm using Chrome version 38, with the ad-block extension turned off. </p>
  
  <p>The .pdf is in my public_html folder (not in any subfolder)so the file-path seems right...</p>
  
  <p>When I try downloading from the link in Safari 7.0.6 I get this message: "Forbidden. You don't have permission to access /splosion_CV.pdf on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request."</p>
  
  <p>Any idea why the download attribute isn't working for me? </p>