Witam mam pewien problem. Mianowicie chcę zrobić tabelę której wysokość będzie zależała od tekstu w niej znajdującego się. Po bokach tekstu będzie grafika(ramka) która ma się zaczynać powtarzać dopiero od pewnej wysokości. Zatem mam kod:

[HTML] pobierz, plaintext 
<table id="content-table">
  <tr class="top">
    <td class="pipe" rowspan="2"></td>
    <td class="left">
 
    </td>
    <td class="center">
 
    </td>
    <td class="right">
 
    </td> 
  </tr>
 
  <tr class="top-2">
    <td class="left">
 
    </td>
    <td rowspan="2" class="center">
 
        Tu treść
 
    </td>
    <td class="right">
 
    </td> 
  </tr>
 
 
  <tr class="center_b">
    <td class="pipe"></td>
    <td class="left">
 
    </td>
 
    <td class="right">
 
    </td> 
  </tr>
[HTML] pobierz, plaintext 

No i style:

[HTML] pobierz, plaintext 
#content-table {width: 692px;  margin-left: 253px; margin-top: 170px; border-collapse: collapse;}
#content-table td {vertical-align: top;}
 
#content-table .pipe {width: 49px}
#content-table .left {width: 15px; }
#content-table .right {width: 15px; }
 
#content-table .top td{height: 20px;}
#content-table .top-2 .left{height: 600px; }
#content-table .top-2 .right{height: 600px;}
#content-table .top-2 .center {background-color: white;}
 
 
#content-table .center_b td {height: inherit;}
 
/* TE ELEMENTY POWINNY mieć dynamiczną wysokości, a nie mają */
#content-table .center_b .pipe {background:url('../gfx/content-table/pipe.jpg');}
#content-table .center_b .left {background:url('../gfx/content-table/left.jpg');}
#content-table .center_b .right {background:url('../gfx/content-table/right.jpg') -1px 0px;}
[HTML] pobierz, plaintext 

Nie mam zielonego pojęcia dlaczego elementy z klasy:

#content-table .center_b

Zawsze mają 0px wysokości (powinny mieć taką ile brakuje do #content-table .top-2 .center którego wysokość się zmienia).