title: HTML anchor tags not working in Firefox, Safari, iPad and iPhone
body: <p>My html anchor tags work in chrome and IE but in Firefox, Safari, iPad and iPhone they do not work, how come? and what can I do to fix it?</p>
  
  <pre><code>&lt;a href="/services#underpinning"&gt;Underpinning&lt;/a&gt;
  </code></pre>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks.</p>
  
  <p>This is what I am trying to link it to on the <code>services</code> page:</p>
  
  <pre><code>&lt;h1 id="#underpinning" name="underpinning"&gt;Underpinning&lt;/h1&gt;
  </code></pre>
  
  <p>This is where I left off:</p>
  
  <p>This is my link:</p>
  
  <p><code>&lt;li&gt;&lt;a href="/services#underpinning"&gt;&lt;h2 id="underpinning"&gt;Underpinning&lt;a href="services#underpinning"&gt;&lt;img class="alignnone size-full wp-image-127" alt="home" src="http://powellgroupconstruction.com/wp-content/uploads/2013/12/home.jpg" width="500" height="337"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;/a&gt;&lt;/li&gt;</code></p>
  
  <p>This is where on my services page I want the link to goto:</p>
  
  <p><code>&lt;a name="underpinning"&gt;&lt;h1 id="underpinning" name="underpinning"&gt;Underpinning&lt;/h1&gt;&lt;/a&gt;</code></p>
  
  <p>If I goto the url directly: <a href="http://powellgroupconstruction.com/services/#underpinning" rel="nofollow">http://powellgroupconstruction.com/services/#underpinning</a> into safari or firefox, it works.</p>