Anchor tags not working in Safari, Chrome, Firefox
<p>I have a custom anchor create function</p>

<pre><code>public static Anchor Create(string name, object variant)
{
    return new Anchor(string.Format("{0}{1}", (name.StartsWith("#") ? name : string.Format("#{0}", name)), variant).Replace(' ', '_'));
}

public static Anchor Create(string name)
{
    return Create(name, string.Empty);
}
</code></pre>

<p>Which creates the anchor tags on the webpage.  The following is the call on the <code>.ascx</code> control</p>

<pre><code>&lt;asp:DataList ID="_meterLinkBar" runat="server" RepeatDirection="Horizontal" CssClass="bodytext4" RepeatLayout="Flow"&gt;
&lt;ItemTemplate&gt;
   &lt;a href='&lt;%# Anchor.Create("Meter", Container.ItemIndex + 1) %&gt;' title='&lt;%#  Eval("Name", "{0} measurement results") %&gt;'&gt;
  &lt;%# FormatMeterName(Eval("Name") as string, Container.ItemIndex) %&gt;&lt;/a&gt;
&lt;/ItemTemplate&gt;

&lt;SeparatorTemplate&gt;|&lt;/SeparatorTemplate&gt;
&lt;FooterTemplate&gt;
    &lt;hr style="height: 1px; border-width: 0; color: #006690; background-color: #006690;" /&gt;
&lt;/FooterTemplate&gt;
&lt;/asp:DataList&gt;
</code></pre>

<p>The following is the actual item with the anchor tag</p>

<pre><code>&lt;ItemTemplate&gt;
&lt;a id='&lt;%# Anchor.Create("Meter", Container.ItemIndex + 1) %&gt;'&gt;&lt;/a&gt;
....
&lt;/ItemTemplate&gt;
</code></pre>

<p><strong>EDIT</strong></p>

<p>Here is the toString method</p>

<pre><code>public override string ToString()
{
    return _name;
}
</code></pre>

<p>The following is the constructor</p>

<pre><code>private Anchor(string name)
{
    _name = name;
}
</code></pre>

<p>Now everything works in IE, but in the other browsers, the links are rendered properly but the actual anchor tag itself shows as ##whatever</p>

<p>Any suggestions?</p>
