title: In page navigation works in Firefox but not in IE or Chrome
body: <p>I am currently fixing a Drupal 7 site that has to work in all current browsers. I am having an issue with in page navigation. The links work fine in Firefox but are not working in Internet Explorer 11 or Chrome.</p>
  
  <p>A test version of the site can be found at <a href="http://www.tztesting.com" rel="nofollow">http://www.tztesting.com</a></p>
  
  <p>An example of a url not working is on the page, at a Learn More link on the main banner graphic as <a href="http://www.tztesting.com/ourservices#servicesteps" rel="nofollow">http://www.tztesting.com/ourservices#servicesteps</a></p>
  
  <p>Further down the page is a block with a fair bit of content. Above the block is the following</p>
  
  <pre><code>&lt;div class="top_pad"&gt;&lt;a name="servicesteps"&gt;&lt;/a&gt;here&lt;/div&gt;
  </code></pre>
  
  <p>The class top_pad is defined in css as follows</p>
  
  <pre><code>.top_pad {
      font-size:x-large;
      min-height:80px;
      text-indent:-9999px;
  }
  </code></pre>
  
  <p>I have tried removing the anchor from the target and just making this an id, as I believe anchors with name is old and is no longer supported.</p>
  
  <p>I know this sort of thing could well be done in JQuery or JavaScript but that is not an option as the client wishes to maintain the ability to edit content through the Drupal CMS and it is not possible to have them editing templates.</p>
  
  <p>I would appreciate it if someone could show me the error of my ways so I can get these in page links working in IE and Chrome</p>