Css sorunu

Yaptığım bir sitenin içerisinde tablo oluşturdum. Tablonun içindeki yazılar uzunsa aşağıya doğru uzuyor burda sorun yok ama kısaysada geriye doğru çekiyor.
Benim istediğim ise yazı uzunsa şuanki olduğu gibi aşağıya doğru insin ama kısaysada yukarıya doğru çekmesin.

body {
    ba-ckground: #eeeeee;
    font-family:Arial, Helvetica, sans-serif;
}
a {    
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a:hover {    
    text-decoration: underline;
}
#yeniler {
    float: left;
    clear: both;
    margin-top: 15px;

}
#yeniler #orta {
    background: #000 url(baslik.gif) left no-repeat
    padding-left: 24px;
    font-size: 14px;
    padding-top: 6px;
    color: #fff;
    height: 20px;
}
#yeniler ul {
    width: 300px;
}
#yeniler ul li {
    list-style-type: none;
    background: #292929 url(sol.gif) left no-repeat;
    border-bottom: 1px solid #4b4b4b;
    padding-left: 24px;
    padding-bottom: 4px;
}
#yeniler ul li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
#yeniler ul li a:hover {
    text-decoration: underline;
}
#yeniler ul li .grey {
    float: right;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    background: #2f2f2f;
    width: 30px;
}




#begenilen {
    float: left;
    margin-left: 35px;
    margin-top: 15px;

}
#begenilen #ortam {
    background: #000 url(baslik.gif) left no-repeat;
    padding-left: 24px;
    font-size: 14px;
    padding-top: 6px;
    color: #fff;
    height: 20px;
}
#begenilen ul {
    width: 300px;
}
#begenilen ul li {
    list-style-type: none;
    background: #292929 url(sol.gif) left no-repeat;
    border-bottom: 1px solid #4b4b4b;
    padding-left: 24px;
    padding-bottom: 4px;
}
#begenilen ul li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
#begenilen ul li a:hover {
    text-decoration: underline;
}
#begenilen ul li .grey {
    float: right;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    background: #2f2f2f;
    width: 30px;
}

.begenilen_table {
    background: #e8eae7;
    border: 1px solid #363636;
    font-size: 12px;
    padding: 3px;
}

.platform_table {
    background: #e8eae7;
    font-size: 12px;
    padding: 3px;
}  

#hilem {

    clear: both;
    margin-top: 15px;
    font-size: 13px;
    color: white;
}
#hilem #orta {

    padding-left: 24px;
    font-size: 14px;
    padding-top: 6px;
    color: #fff;
    height: 20px;
}

#hilem ul li {
    list-style-type: none;
    border-bottom: 1px solid #4b4b4b;
    padding-left: 24px;
    padding-bottom: 4px;
}
#hilem ul li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
#hilem ul li a:hover {
    text-decoration: underline;
}
#hilem ul li .grey {
    float: right;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    background: #2f2f2f;
    width: 30px;
}

css burda
Ortada kullandığım css ise

<table width="762" border="0" cellspacing="3" cellpadding="0" >

    <div id="hilem">

Bu şimdiden tşk ederim

table için border olmadığından height kullanma veya 100% olarak ayarla. gerisini divle halledecen.

hilem id li div için height değerini kaldır, onun yerine min-height kullan.
böylece div için belli bir yükseklik olur ve ondan aşağı düşmez, içerik uzarsa div de uzar.

(max-height ile istersen en fazla ne kadar uzayacağını da ayarlayabilirsin.)

teşekkür ederim bilgilendirme için +rep
min-height ile değilde sadece height ile yaptım aynı şey oldu. Yine uzadı tablo tşkler

rica ederim.
( tabi height ile de yapılır, o zaman sabit bi değer vermiş olursun, her zaman aynı boyutta kalır, içerik taşarsa bunu da overflow ile ayarlayabilirsin, auto, hidden gibi seçeneklerle. )