title: Why Link Selection is visible outside the area of link itself
body: <p>I have developed a Responsive Website and there are many submenus. The problem is when I click on any menu the selection of the menu is shown below it like in the image</p>
  
  <p><a href="https://i.stack.imgur.com/VYQR8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VYQR8.jpg" alt="enter image description here"></a></p>
  
  <p>I have tried using</p>
  
  <pre><code>a:focus{outline: 0;}
  a:link{outline: 0;}
  a:visit{outline: 0;}
  a:active{outline: 0;}
  a:hover{outline: 0;}
  </code></pre>
  
  <p>but no use.</p>
  
  <p>What can be the problem? You can view the live website at m.zukix.(commercial) => .com . This selection is visible in all devices. This selection is even visible in Google Developer Tools (Ctrl + Shift + I) and setting Mobile view on (Ctrl + Shift + M).</p>