title: IE9 and angular routing issues
body: <p>This will be a bit long, but i hope to make myself clear. Please ask if i've not explained a point well enough. </p>
  
  <p>Using the following structure/setup, i've h\got everything to work in all browsers except IE9. For anything below, i don't need to provide support; the problem therefore lies with EI9. I am not using UI-router.</p>
  
  <ol>
  <li><p>Website URL <code>http://domainname</code></p></li>
  <li><p>Internal page link 1 <code>&lt;a href="page1"&gt;page1&lt;/a&gt;</code> - clicking on this should land me to <code>http://domainname/page1</code></p></li>
  <li><p>Internal page link 2 <code>&lt;a href="page2"&gt;page2&lt;/a&gt;</code> - clicking on this should land me to <code>http://domainname/page2</code></p></li>
  <li><p>Base <code>&lt;base href="/"&gt;</code></p></li>
  <li><p>HTML5 mode enable <code>$locationProvider.html5Mode(true)</code></p></li>
  <li><p>Relevant route config </p></li>
  </ol>
  
  <p><code>.when('/',{
       templateUrl : 'pages/homepage.html',
       controller : 'homepageController'
  }).when('/page1',{
       templateUrl : 'pages/page1.html',
       controller : 'page1Controller'
  }).when('page2',{
       templateUrl : 'pages/page2.html',
       controller : 'page2Controller'
  })</code></p>
  
  <ol start="5">
  <li>PhP htaccess redirect<code>
  RewriteEngine on
  RewriteBase /
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule . index.php [L]</code> - this is for when you go to the page directly, and not land on the index, thus not giving the routing mechanism a chance to take over</li>
  </ol>
  
  <p><strong>My IE9 problem</strong></p>
  
  <p>The above Website URL gets transformed into <code>http://domainname/#/</code> - a <code>/#/</code> gets inserted into the link - i want that gone because it causes the following issues:</p>
  
  <ol>
  <li>When accessing <code>&lt;a href="page1"&gt;page1&lt;/a&gt;</code> - the link i get sent to becomes <code>http://domainname/#/page1</code> - but it load fine. The problem becomes evident when trying to access the <code>page2</code> page from <code>page1</code></li>
  <li>When accessing <code>&lt;a href="page2"&gt;page2&lt;/a&gt;</code> - the link i get sent to becomes
  <code>http://domainname/#/page1/page2</code>, when it should at the very worst be <code>http://domainname/#/page2</code> - Angular adds the URL to the existing URL, as a sort of subroute. So on and so forth for other pages - the URL concatenates.</li>
  </ol>
  
  <p>I'm thinking it's related to the fact that IE9 does not support HTML5 push/pop, which i'm guessing Angular uses. I'm not sure, i'm new to this. At the very least <code>$locationProvider.html5Mode(true)</code> is what's bugging IE9, from what i can tell.</p>
  
  <p>I am currently stuck and will appreciate any help on the matter.</p>
  
  <p><strong>EDIT:</strong> The answer below IS a workable solution and i'll accept it a "solved issue" answer after further investigation. If you have the same issue, use it.</p>