html - Unordered list navigation - hovered element moves 1px left -


I have such a list navigation unseen when the anchor moves 1px in the navigation list to the left, how to fix it?

This is my code 

  & lt; Ul id = "nav" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; First & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Second & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Third & lt; / A & gt; & Lt; / Li & gt; & Lt; / Li & gt;   
 This is my CSS:  
  ul # nav li {float: left; Margin: 0; Padding: 0; } Ul # nav li a: hover {-message-radius: 3px; Limit: 1px solid # ccc; }    
 
 
 Try:  
  ul # nav Li a {range: 1px solid transparent; } Ul # nav li a: Hover {-max-boundary-radius: 3px limit: 1px solid #cc}

Comments

Post a Comment