CSS ! Line-height - PROBLEM

[haibo]

Hallo zusammen.
Kann mir jemand bei diesem Problem behilflich sein?
Ich würde gerne die Navigation und der Inhalt auf der exakt gleichen
Höhe positionieren, jedoch mit verschiedenem Durchschuss (line-height)
Wie funktioniert das, es sollte in allen Browsern auf gleicher Höhe sein.


HTML

<div id="hauptnavi">
<ul>
<li><a href="link 1.html">Link 1</a></li>
<li><a href="link 2.html">Link 2</a></li>
<li><a href="link 3.html">Link 3</a></li>
</ul>
</div>

<div id="content">Text, Text, Text, Text, Text,
Text, Text, Text, Text, Text, Text, Text, Text,
</div>




CSS:

/*Hauptnavigation*/
#hauptnavi { POSITION: absolute;
top:203px;
left:101px;
width:110;
color:#ffffff;
}

#hauptnavi ul{line-height: 29px;list-style-type:none;}


/*Text-Content*/
#content { position:absolute;
left:283px;
top:203px;
width:360;
line-height:20px;
}

[akratellio]

hallo haibo,

prob mal das:

<style type="text/css">
<!--
#hauptnavi {
POSITION: absolute;
vertical-align:top;
top:203px;
left:101px;
width:110;
color:#ffffff;
}
#content {
vertical-align:top;
position:absolute;
left:283px;
top:203px;
width:360;
line-height:1.8em;
}
#content:first-line{
line-height:normal;
}
//-->
</style>

erklärung:
die wirkung von line-height setzt erst ab der zweiten zeile ein,
somit beginnen nun beide inhalte auf gleicher höhe.

mfg

akratellio

[haibo]

Super danke dir....so funzt es.

vielen dank