title: CSS div border changes to black when visited
body: <p>I have a menu where each link is a <strong>div</strong> box. This div box have a gray border-bottom, however, when the link is visited it turns black. I just can't figure why.</p>
  
  <p>On the following image I've clicked the <em>Rediger profil</em> and <em>Log af</em> links.</p>
  
  <p><img src="https://i.stack.imgur.com/c3UEL.png" alt="enter image description here"></p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/LpGbT/" rel="nofollow noreferrer">http://jsfiddle.net/LpGbT/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>        &lt;div id="design_sidebar"&gt;
              &lt;div id="design_sidebar_head"&gt;
                  Patrick Reck
              &lt;/div&gt;
  
              &lt;a href="#"&gt;&lt;div class="design_sidebar_menu_item"&gt;Besøgende&lt;/div&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;div class="design_sidebar_menu_item"&gt;Mine favoritter&lt;/div&gt;&lt;/a&gt;
              &lt;a href="&lt;?php echo site_url('profile/editProfile');?&gt;"&gt;&lt;div class="design_sidebar_menu_item"&gt;Rediger profil&lt;/div&gt;&lt;/a&gt;
              &lt;a href="&lt;?php echo site_url('user/logout');?&gt;"&gt;&lt;div class="design_sidebar_menu_item"&gt;Log af&lt;/div&gt;&lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>a {
      text-decoration: none;
  }
  
  #design_sidebar {
      width: 200px;
      float: left;
  
      border: 1px solid #d6d6d6;
      -moz-border-radius: 2px;
      border-radius: 2px;
  
      background-color: white;
  }
  
  #design_sidebar_head {
      width: 165px;
      height: 30px;
  
      font-family: Segoe; 
      font-size: 14px;
      font-weight: bold;
      color: #333333;
  
      padding-top: 10px;
      padding-left: 35px;
      border-bottom: 1px solid #d6d6d6;
  
      background-image: url('../img/icons/user.png');
      background-repeat: no-repeat;
      background-position: 10px 11px;
      background-color: #f7f7f7;
  }
  
  .design_sidebar_menu_item {
  
      padding: 5px;
      padding-left: 10px;
  
      font-size: 14px;
      color: #333333;
  
      border-bottom: 1px solid #d6d6d6;
  }
  
  .design_sidebar_menu_item:hover {
      color: white;
  
      background-color: #a6242f;
  }
  </code></pre>