[HTML] Zagnieżdzone tabele na divach Opcje

[gorek]

Witam

Zrobiłem taką prostą tabele:

[HTML] pobierz, plaintext 
<style>
div.linia {
width: inherit;
padding: 4px 0 4px 0;
border: 0;}
 
div.komorka {
display: inline;
width: 300px;}
</style>
<div>
 <div class="linia">
   <div class="komorka">tresc</div>
   <div class="komorka">tresc</div>
  </div>
</div>
[HTML] pobierz, plaintext 

teraz chciałbym w treści tych komórek umieścić kolejną tabele(również na divach) zeby zachowała taki układ:

ale nie wiem jak napisać styl dla tej zagnieżdżonej tabeli

Pomocy

[sada]

[CSS] pobierz, plaintext 
.linia {
width: inherit;
padding: 4px 0 4px 0;
border: 0;
display:table;
}
 
.komorka {
display: table-cell;
width: 300px;
background-color:#00CC00;
border:1px solid white;
}
.linia_wewn {
display:table;
width: inherit;
padding: 4px 0 4px 0;
border: 0;}
 
.komorka_wewn {
display: table-cell;
width: 300px;
background-color: #996699;
border:1px solid white;
}
[CSS] pobierz, plaintext