How do I change the CSS menu?

How do I move down the links in the menu?

ul.menu {
  list-style-type:none;
  width:auto;
  position:relative;
  display:block;
  height:133px;
  font-size:.6em;
  background:#000 repeat-x top left;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  border:1px solid #000;
  margin:0;
  padding:0;
}
     
ul.menu li {
  display:block;
  float:left;
  margin:0;
  padding:0;
}
     
ul.menu li a {
  float:left;
  color:#A79787;
  text-decoration:none;
  height:24px;
  padding:9px 15px 0;
  font-weight:normal;
}
     
ul.menu li a:hover,.current {
  color:#fff;
  background:#000 repeat-x top left;
  text-decoration:none;
}
     
ul.menu .current a {
  color:#fff;
  font-weight:700;
}
     
ul.menu{
  background-color:#000;
}

ul.menu li a:hover, .menu li.current {
  background-color:#FF0000;
}
<body>    
  <ul class="menu">    
    <li><a href="#" title="">Home</a></li>    
    <li class="current"><a href="#" title="">Products</a></li>    
    <li><a href="#" title="" >Downloads</a></li>    
    <li><a href="#" title="">Contact</a></li>    
    <li><a href="#" title="">About Us</a></li>    
  </ul>
</body>
 0
css
Author: 0xdb, 2011-03-16
Source

2 answers

Add after

border:1px solid #000;
margin:0;
padding:0;

Line 

PADDING-TOP: Zpx;

Z is a number in pixels.

Final result:

border:1px solid #000;
margin:0;
padding:0;
PADDING-TOP: Zpx;
 1
Author: HoPkInS, 2011-03-16 13:40:09 
ul.menu li {
    display:block;
    float:left;
    margin:100px 0 0 0;
    padding:0;
}
 2
Author: Иваныч, 2020-01-01 14:35:07