title: hover doesn't change link color on most menu items
body: <p>div:hover changes link color only on a few wordpress menu items.
  Can't really figure out a reason for that. Why specifically these items? How do i make all of the work?</p>
  
  <pre><code>&lt;div class="row"&gt;
               &lt;div class="col-lg-12" id="mn"&gt;
                &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'main-menu'  ) ); ?&gt;
               &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>css </p>
  
  <pre><code>#mn ul {
  list-style-type: none;
  margin: 0;
      padding: 0;
  }
  #mn ul li {
  display: inline;
  text-align: center;
  padding-right: 15px;
  font-size: 12px;
  }
  #mn a:link {
  color: #632121;
  }
  #mn a:hover {
  color: #9F9F9F;
  text-decoration:none;
  }
  #mn a:visited {color: #632121;}
  </code></pre>