title: relative href path goes wrong in angularjs with html5mode
body: <p>I'm using AngularJS to handle my urls with html5mode turned on. I'm also using the gulp-angular generator to build the project.</p>
  
  <p><strong>Situation:</strong></p>
  
  <p>index.js</p>
  
  <pre><code>   $locationProvider
          .html5Mode(true);
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!-- build:css({.tmp,src}) styles/app.css --&gt;
  &lt;!-- inject:css --&gt;
  &lt;link rel="stylesheet" href="app/index.css"&gt;
  &lt;!-- endinject --&gt;
  &lt;!-- endbuild --&gt;
  &lt;base href="/" /&gt;
  </code></pre>
  
  <p><strong>Problem</strong></p>
  
  <p>When url is <code>example.com/somepage</code>, index.css is gotten from <code>example.com/app/index.css</code> but when url is <code>example.com/somepage/somedeeperpage</code>, and I refresh the page, index.css is gotten from <code>example.com/somepage/app/index.css</code></p>
  
  <p>I want to be able to use the relative paths as by default in the angular-gulp generator. </p>
  
  <p>Do I have to change to base tag, or index.css rel path in the gulpfile?</p>
  
  <p>Strangely, the relative path is working fine for finding index.js</p>
  
  <p>Kind regards</p>