title: Styles.Render and Scripts.Render does not render properly in different areas
body: <p>I have at least 3 areas in my mvc project.<br>
  All css and js files are located in Css folder and JS folder respectively at the root <code>"~/css/" ~/js/</code>  </p>
  
  <p>I register the bundle inside Global.asax file like this:  </p>
  
  <pre><code>        BundleTable.Bundles.Add(new StyleBundle(CssVirtualPath("mastercss"))
              .Include(Css("bootstrap.min.css"), new CssRewriteUrlTransform())
              .Include(Css("bootstrap-responsive.min.css"), new CssRewriteUrlTransform())
              .Include(Css("normalize.css"), new CssRewriteUrlTransform())
              .Include(Css("media.css"), new CssRewriteUrlTransform())
              .Include(Css("jquery-ui-1.8.24.custom.css"), new CssRewriteUrlTransform())
              .Include(Css("icons.css"), new CssRewriteUrlTransform())
              .Include(Css("MetroJs.css"), new CssRewriteUrlTransform())
              );  
  
      private static string CssVirtualPath(string filename)
      {
          return string.Format("~/bundle/css/{0}", RemoveSpecialChars(filename));
      }  
  
      private static string Css(string filename)
      {
          filename = RemoveSpecialChars(filename);
          return string.Format("~/css/{0}", filename);
      }  
  
      private static string RemoveSpecialChars(string value)
      {
          return value.Replace("/", "").Replace(@"\", "").Replace("~", "");
      }  
  </code></pre>
  
  <p>At Area 1/Login page, I'm calling the bundle like this:  </p>
  
  <pre><code>@Styles.Render("bundle/css/mastercss")  
  </code></pre>
  
  <p>Equivalent on page source is:  </p>
  
  <pre><code>&lt;link href="/bundle/css/mastercss" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>And it works fine. But after I logged in, the profile page (view) rendering fails:<br>
  Area 1/User
  Same code was used:  </p>
  
  <pre><code>@Styles.Render("bundle/css/mastercss")    
  </code></pre>
  
  <p>Equivalent on page source is:  </p>
  
  <pre><code>&lt;link href="/Area1/User/bundle/css/mastercss" rel="stylesheet"/&gt;  
  </code></pre>
  
  <p>And it fails to load... What should I do? I've been looking for answers, but found no luck.</p>