Fabian Steiner: Listenabstand zu groß!

Beitrag lesen

Hallo!

Ich versuche mich gerade an einem CSS Menü, das bei hover die Farbe wechselt:

#nav ul {
         list-style-type:none;
         margin:0;
         padding:0;
         background-color:#C5C5C5;
         width:170px;
         border:1px solid;
         }

#nav li {
         border: solid 2px #C5C5C5;;
         padding:5px 5px 5px 10px;
         height:10
         }
#nav a {
        display:block;
        padding:5px 5px 5px 15px;
        text-decoration:none;
        }

nav a:visited {

font-family:Arial;
           font-size:12pt;
           color:#000000;
           }

nav a:active{

font-family:Arial;
              font-size:12pt;
              color:#000000;
              }
#nav a:hover {
             background-color:#3D598B;
             color:#FFFFFF;
             font-weight:bold;
             background-image:url(tux-small.jpg);
             background-position:center left;
             background-repeat:no-repeat;
             border-top:1px solid;
             border-bottom:1px slid;
             border-color:#9A9A9A;
             }
#current {
          border-bottom:1px solid #5D5D5D;
          border-top: 1px solid #5D5D5D;
          background-color:#D7D7D7;
          }

Liste:

<div id="nav">

<ul>
<li><a href="#" id="current">home</a></li>
<li><a href="#">html - css</a></li>
<li><a href="#">linux</a></li>
<li><a href="#">visual basic</a></li>
<li><a href="#">guestbook</a></li>
<li><a href="#">forum</a></li>
<li><a href="#">kontakt</a></li>
<li><a href="#">links</a></li>
<li><a href="#">sonstiges</a></li>
</ul>
</div>

Das Problem besteht jetzt darin, dass der Abstand zwsichen den einzelnen li Elementen sehr groß ist! Was kann ich da machen, dass diese kleiner werden?

Grüße,

Fabian