Why a <a href="~/#link"> when run become <a href="#link#link"> in a master page?

Question

I never saw that problem and I have no idea what is causing it.

I got something like this code in my masterpage

<div class="myClass1">
    <a href="~/#link" runat="server" title=" <%$ Resources: myRess1 %>">
        <asp:Literal runat="server" Text="<%$ Resources: myRess1 %>" /><br />
        <img class="myClass2" src="/MasterPage/images/myGif.gif" width="19"  height="12" alt="" />
    </a>
</div>

when I browse a page that using this master page, the code become

<div class="myClass1">
    <a href="#link#link" title="myTitle">
        myTitle<br />
        <img class="myClass2" src="/MasterPage/images/.gif" width="19" height="12" alt="" /><br />
    </a>
</div>

why does the link double itself?

if I put something like default.aspx instead of #link, it work perfectly.

The reason why I'm using "~/" is because the master page is located somewhere else, if I don't put ~/ it make the link as /masterpage/#link which is invalid

Answer 1

'~' can be used only with server controls and not with html controls. You should just use href="#link".

Answer 2

The ~/ should not be necessary. Just use #link

Answer 3

for now I changed my

<a href="~/#link" runat="server" title=" <%$ Resources: myRess1 %>">

to

<a href="#link" title="<%=GetLocalResourceObject("myRess1 ") %>">

and it's working fine but if someone could tell me why with runat="server" screw up the #link, that would be good to know