title: Named anchor (A) with NAME same as a DIV ID conflict
body: <p>I am workign on a site that is using a listener for the hash to show and hide content DIVs and to scroll to the named anchor of the same name. </p>
  
  <p>I was having a weird issue where instead of scrolling to the anchor, it would scroll to the DIV with the ID the same as the anchor's name. </p>
  
  <p>Once I changed the DIV ID to something different, the behavior was as expected. </p>
  
  <p>I can't seem to find any documentation on this and was wondering if this is documented behavior. </p>
  
  <p>Code that works: </p>
  
  <pre><code>&lt;a name="top"&gt;top&lt;/a&gt;
  
  &lt;p id="bottomx" style="height: 1800px;"&gt;
  &lt;a href="#top"&gt;top&lt;/a&gt;
  &lt;a href="#bottom"&gt;bottom&lt;/a&gt;
  &lt;br&gt;
  &lt;/p&gt;
  &lt;a name="bottom"&gt;bottom&lt;/a&gt;
  </code></pre>
  
  <p>Not working as expected:</p>
  
  <pre><code>&lt;a name="top"&gt;top&lt;/a&gt;
  
  &lt;p id="bottom" style="height: 1800px;"&gt;
  &lt;a href="#top"&gt;top&lt;/a&gt;
  &lt;a href="#bottom"&gt;bottom&lt;/a&gt;
  &lt;br&gt;
  &lt;/p&gt;
  &lt;a name="bottom"&gt;bottom&lt;/a&gt;
  </code></pre>
  
  <p>In the second example, it would scroll to the P named "bottom". Likewise, if I make a DIV at the bottom of the page with an ID of "bottom" and I hit page.html#bottom, it scrolls down to that DIV.</p>
  
  <p>Just seems confusing. An idea why this is working this way? Same behavior in Safari and FF. </p>