menüde kayma

HTML:
<ul id="menu">
<li><a href="#">TASARIMLAR</a></li>
<li><a href="siirler.html">ŞİİRLER</a></li>
<li><a href="#">SOSYAL MEDYA</a></li>
<li><a href="#">HAKKIMDA</a></li>
</ul>

CSS:
   text-decoration:none;
   float:left;
   color:#FFF;
   list-style-type:none;
   margin-right: 5%;
   padding:1.46%;
   cursor: pointer;
   
   font-size:44px;
   font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
   font-weight:bold;
   opacity:0.0;
   z-index:5;

   float:left;
   
   list-style-type:none;
   margin-right: 5%;
   padding:1.46%;
   cursor: pointer;