title: NavigateURL in MVC has extra domain
body: <p>So I have an <strong>asp.net MenuItem</strong> user control created ( <a href="https://stackoverflow.com/questions/7934319/use-a-legacy-asp-net-ascx-user-control-in-mvc-razor-view/33275364#33275364">similar to what this post has</a> ) within inside a MVC view. The user control works as expected, except the NavigateUrl. </p>
  
  <p>This is the menuitem inside the usercontrol. </p>
  
  <pre><code>&lt;asp:MenuItem Text="View Account" NavigateUrl="~/pages/account.aspx" /&gt;
  </code></pre>
  
  <p>The link looks fine if the user control is being rendered from a webform, it shows </p>
  
  <pre><code>http://localhost/SampleTest/pages/account.aspx
  </code></pre>
  
  <p>However, put the usercontrol inside the mvc view will have it rendered as </p>
  
  <pre><code>http://localhost/SampleTest/SampleTest/pages/account.aspx 
  </code></pre>
  
  <p>There's an extra domain name "SampleTest" in the url. </p>
  
  <p>What should I do to get rid of the extra domain name?</p>