Hallo zusammen,

habe probleme bei der erstellung einer Navigation.

Navigation ist horizontal und soll ein hover effekt haben.

Mit Display Block soll ein Balken und den Navigationslink enstehen, da der Text der Navigation aber dann oben am Balkenrand klebt habe ich noch in der css noch ein line-height eingefügt. Alles soweit supi. Klappt auch hervoragend. Aber, ein Navigationstext ist zweizeillig, also so:       

blablabla /

blablabla

Wenn ich also den line-height benutze setzt er mir zwischen den wörtern auch eine riesen lücke und der Block-Effekt ist nur beim oberen Text. Der text soll zusammen stehen und soll auf jedenfall ein linkpunkt sein. Kann man line-height bei dem unteren Navi-punkt entfernen? wenn ja wie muss ich es dann in der html und css datei einfügen?

Ausschnitt der html und css datei

HTML:

<div id="left">    
  <h2>

<ul>
<li><a href=".html">Link1</a></p></li>
<li><a href=".html"></a>Linklink / Linklink</li>

</ul>

</h2>     
 </div>

CSS:
#left a:link, visited {display:block; color: #FFFFFF;  text-decoration: none; font-weight: ;  }
#left a:hover, active {display: block; background-image: url; width: 200px; height: 35px; color: #333300; text-decoration: none;  }

#left li {
padding: 0px;
margin-left: -40px;
list-style: none;
line-height: 35px;}

h2 {

font-size:14px;
padding: 20px 0px;
padding-left: 0px;
}

#left {
float: left;
width: 200px;
height: 600px;
margin: 0px;
padding: 0px;
background-image: url}

LG Zoraja2010