Расстянуть по высоте <li></li> с большим текстом

Всем привет
Подскажите, пожалуйста, как сделать чтобы в табличной верстке сделаной с помошью элементов списка <ul><li>...
если внутри <li></li> большой текст, этот текст не налезал на нижнюю ячейку, а расстягивал по высоте элемент<li> с большим текстом и элементы <li> на одной строке.

 

Вот кусочек кода
Просьба чудом не обзываться - это верстка не моя

HTML:

1. <div class="bigTableBox">
2.   <div class="bigTableHeader">
3.     <div class="bigTableHeaderL">
4.       Name
5.     </div>
6.     <div>
7.       Status
8.     </div>
9.    <div>
10.      Position
11.    </div>
12.    <div>
13.      School
14.    </div>
15.    <div>
16.      Graduation Year
17.    </div>
18.    <div>
19.      Ranking
20.    </div>
21.    <div>
22.      Updated at
23.    </div>
24.  
25.   <div class="bigTableHeaderR"></div>
26.     <p class="clr"></p>
27.    </div>
28.    <div class="bigTableConBox">
29.    <div class="bigTableConTop"></div>
30.    <ul >
31.       <li class="bigTableConL">
32.          Arik Armstead             
33.       </li>
34.       <li>Verbal Commitment</li>
35.       <li>Offensive Tackle</li>
36.       <li>Pleasant Grove HS</li>
37.       <li>2012</li>
38.       <li>5</li>
39.       <li>2011-06-17 15:33</li>
40.       <li></li>
41.    </ul>
42.  
43.    <ul >
44.       <li class="bigTableConL">
45.          Jaquay Williams
46.       </li>
47.       <li>No Commitment</li>
48.       <li>Wide Receiver</li>
49.       <li>Sandy Creek HS</li>
50.       <li>2012</li>
51.       <li>4</li>
52.       <li>2011-06-17 15:08</li>
53.       <li></li>
54.    </ul>                                                                                                   
55.    <div class="bigTableConBtm"></div>
56. </div>
57. </div>
58.  
59.  

Класс bigTableBox не определен
[css].bigTableHeader {
width: 1115px;
margin-bottom: 10px
}

.bigTableHeader div.bigTableHeaderL {
width: 170px;
background: url(../images/bt-headerr-bg.png) 0 0 no-repeat transparent
}

.bigTableHeader2 div.bigTableHeaderL {
background: url(../images/bt-headerr-bg.png) 0 0 no-repeat transparent
}

.bigTableHeader div.bigTableHeaderR {
background: url(../images/bt-headerl-bg.png) 0 0 no-repeat transparent
}

.bigTableHeader2 div.bigTableHeaderR {
background: url(../images/bt-headerl-bg.png) 100% 0 no-repeat transparent
}

.bigTableConBox ul, .bigTableConBox2 ul {
list-style: none;
margin: 0;
padding: 0;
height: 36px;
background: url(../images/bt-con-cen.png) 0 0 repeat-y transparent;
clear: left
}

.bigTableConBox ul.admin_row_odd, .bigTableConBox2 ul.admin_row_odd {
background: url(../images/bt-con-cenh.png) 0 0 repeat-y transparent
}

.bigTableConBox ul li {
float: left;
height: 36px;
font-size: 14px;
/* font-weight: bold; */
color: #000;
width: 135px;
text-align: center;
line-height: 242%
}


.bigTableConBox ul li a, .bigTableConBox2 ul li a {
color: #000;
text-decoration: none
}

.bigTableConBox ul li a:hover, .bigTableConBox2 ul li a:hover {
text-decoration: none
}

.bigTableConBox ul .bigTableConL {
width: 170px;
text-align: left;
text-indent: 10px
}


.bigTableConTop, .bigTableConBtm {
width: 1115px;
height: 5px;
overflow: hidden;
font-size: 1px;
background: url(../images/bt-con-top.png) 0 0 no-repeat transparent;
}

.bigTableConBox ul .bigTableConL {
width: 170px;
text-align: left;
text-indent: 10px
}
[/css]

Увеличивать например у класса bigTableConL параметр width не лучший способ - так как там несколько полей в одну строку
Хотелось бы чтобы расстягивался по высоте элемент<li> с большим текстом и все элементы <li> на одной строке.