'Why does the links in this code take me to the home pages?

<div id="wrapper">
         <div class="flex-container">
            <ul>
             <li><a href="#A">A</a></li>
             <li><a href="#B">B</a></li>
             <li><a href="#C">C</a></li>
             </ul>
         </div>

            <div id="A">
            <br><br>A<br><br>
            <li><a href="sample1.php">Edward</a></li>
            </div>

            <div id="B">
            <br><br>B<br><br>
            <li><a href="sample2.php">Bill</a></li>
            </div>

            <div id="C">
            <br><br>C<br><br>
            <li><a href="sample3.php">Michael</a></li>
            </div>

</div>

Can anyone see what's wrong with this? The page I'm running is homepage.com/test.php. Instead of taking me to homepage.com/test.php/#A the code takes me to homepage.com/#A

I don't use # anchors on the homepage.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source