<div>-problemer

Jeg har eksperimenteret en masse med div's for at få hele siden rigtig. Nu er jeg stødt ind i et "mindre" problem:


CSS:

.divcontent {
width: 566px;
height: 26px;
/* line-height: 18px;*/
}
.divcontentnewsintro {
width: 536px;
padding: 15px;
font-weight: bold;
/* line-height: 18px;*/
}
.divcontentnews {
width: 536px;
padding: 15px;
/* line-height: 18px;*/



HTML:

<div class="divcontent">
    <div class="divcontentnewsintro"><%=FormatText(RS("introductory"))%></div>
    <div class="divcontentnews"><%=FormatText(left(RS("newstext"),300))%> ...</div>
</div>


Hvis jeg sætter line-height: 18px; forskydes teksten ud over bunden, højden på <div> følger ikke med, som den gør det i en tabel. Hvorfor ikke?