title: Base tag not working correctly
body: <p>I have this code here at the top of all my pages:</p>
  
  <pre><code>&lt;base href="http://example.com/dev/"&gt;
  </code></pre>
  
  <p>and in this page (<a href="http://example.com/dev/index.php/foo/bar/" rel="noreferrer">http://example.com/dev/index.php/foo/bar/</a>) I have this code:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="style/common.css" /&gt;
  </code></pre>
  
  <p>However my browser keeps trying to load:</p>
  
  <blockquote>
    <p><a href="http://example.com/dev/index.php/foo/style/common.css" rel="noreferrer">http://example.com/dev/index.php/foo/style/common.css</a></p>
  </blockquote>
  
  <p>when it should be:</p>
  
  <blockquote>
    <p><a href="http://example.com/dev/style/common.css" rel="noreferrer">http://example.com/dev/style/common.css</a></p>
  </blockquote>
  
  <p>**UPDATE **</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
          &lt;base href="http://example.com/dev/" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="/style/video.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="/style/common.css" /&gt;
  </code></pre>
  
  <p>Am I doing something wrong?</p>
  
  <p>Peter</p>