zweizeiligige, vertikale Navi - Liste hat die falschen Abstände

[chrismich]

Hallo,

bei meiner navi kleben die einzelnen list Elemente etwas komisch zusammen.
Allerdings nur sobald ein Eintrag zweizeilig wird.
Ich hätte gerne immer den gleichen Abstand zwischen der letzten Zeile des Eintrags und der ersten Zeile des neuen Eintrags.

Das ist der CSS-Code der Liste:

#navileft {
float: left;
width: 200px;
margin: 0px;
padding: 45px 15px 10px 0px;
}

.uebernavi {
text-align: left;
color: #49180a;
font-weight:bold;
font-size: 70%;
padding: 0px 0px 10px 25px;
}


.navileft li a {
	display:block;
	width:140px;
	height:20px;
	font-size:70%;
	text-decoration:none;
	list-style-type:none;
	list-style-position:outside;
	padding: 5px 0px 5px 5px;
	}

	
.navileft li a:link { color:#6d1d11; text-decoration:none;}
.navileft li a:visited { color:#6d1d11; }
.navileft li a:hover { 	font-size: 80%; color:#2a110c; font-weight:bold;}
.navileft li a:active { color:#2a110c; text-decoration:none; font-weight:bold;}

Mein HTLM-Code schaut so aus:

<div id="navileft">
<div class="uebernavi">Projekte</div>
<ul class="navileft">
<li><a class="navileft_zwei" href="MMSS.html">Maria Magdalena Special School</a></li>
<li><a class="navileft" href="nursery.html">Nursery</a></li>
<li><a class="navileft" href="primaryschool.html">Primary School<br/> in Athi</a></li>
<li><a class="navileft" href="tailoringschool.html">Tailoring School</a></li>
<li><a class="navileft" href="gatuanyaga.html">Gatuanyaga Bewässerung</a></li>
  </ul>
  </div>

Angehängt habe ich noch wie die Website momentan aussieht.

 

[anna55]

Schau mal, ob Du was damit anfangen kannst. Die list-style-Elemente sollten doch weg, nicht wahr?
CSS

.navileft {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 45px 15px 10px 0px;
}

.uebernavi {
	text-align: left;
	color: #49180a;
	font-weight:bold;
	font-size: 80%;
	padding: 0px 0px 10px 25px;
}

.navileft ul {
	padding:0;
	margin:0;
	list-style-type: none;
	text-decoration:none;
}

.navileft ul li a {
	display:block;
	width:140px;
	font-size:80%;
	padding: 5px 0px 5px 25px;
}

.navileft ul li a:link { color:#6d1d11; text-decoration:none;}
.navileft ul li a:visited { color:#6d1d11;}
.navileft ul li a:hover { font-size: 72%; color:#2a110c; font-weight:bold;}
.navileft ul li a:active { color:#2a110c; text-decoration:none; font-weight:bold;}

HTML

<div class="navileft">
		<div class="uebernavi">Projekte</div>
	<ul>
		<li><a href="MMSS.html">Maria Magdalena Special School</a></li>
		<li><a href="nursery.html">Nursery</a></li>
		<li><a href="primaryschool.html">Primary School<br/> in Athi</a></li>
		<li><a href="tailoringschool.html">Tailoring School</a></li>
		<li><a href="gatuanyaga.html">Gatuanyaga Bewässerung</a></li>
		</ul>
</div>