menu items moving on hover

by Nawed Khan

HTML

<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<nav>
  <ul>
		<li><a href="index.html">HOME</a></li>
		<li><a href="about.html">ABOUT</a></li>
		<li><a href="music.html">MUSIC</a></li>
		<li><a href="https://svuvn.bandcamp.com/">STORE</a></li>
		<li><a href="live.html">LIVE</a></li>
		<li><a href="contact.html">CONTACT</a></li>
  </ul>
</nav>

CSS

nav {
   			float:left;
  			width:100%;			
		}
		ul {
   			float:left;
   			list-style:none;
   			padding: 0;
   			position: relative;
   			left: 50%;
   			text-align: center;			
		}
		ul li {
   			display:block;
   			float:left;
   			list-style:none;
   			position:relative;
   			right:50%;
   			margin:0px 0px 0px 1px;
   			padding:5px 40px;
   			color: white;
   			line-height:1.3em;			
		}
		li a:hover {
			border: solid 1px black;
		}
    a {
			color: black;
			font-family: 'Quicksand', sans-serif;
			text-decoration: none;
      border: solid 1px transparent;
			padding: 5px 10px;
      }