[CSS] obracanie tabeli

[ktoś]

Mam przykładowo taki kod :

 

<div class="tab">
<div class="row">
<div class="cel aut">autor 1</div>
<div class="cel">coś1a</div>
<div class="cel">ffffasdfasdf</div>
</div>
<div class="row">
<div class="cel aut">autor 2</div>
<div class="cel">fsf<br/><br/></div>
<div class="cel">asdf</div>
</div>
<div class="row">
<div class="cel aut">autor 3</div>
<div class="cel">blablablabla</div>
<div class="cel">fssafffffffasdfasdf</div>
</div>
</div>

 

opatrzony arkuszem css nadającym mu wygląd tabeli 'poziomej' (podział na wiersze, następnie na komórki):

 

div {

border : solid 1px red;
padding : 0px;
width : auto;
}
div.tab {
display:table;
table-layout:fixed;
}

div.row {
display : table-row;
}

div.cel {
display :table-cell;
overflow : auto;
border : solid 1px red;
padding : 5px;
width : auto;
height  : 50px;
} 

 

i nawet trochę działa. Ale za to się rozjeżdża. Podział na wiersze zapenia jednakowe wysokości komórek wiersze i jednakowe szerokości komórek kolumny. Tutaj zachowana jest tylko szerokość.

Testowane konquerorze i firefoxie (quirks i standard, xml 1.0; doctype xhtml 1,1)

Oczywiście ręczne definiowanie rozmiarów komórek nie wchodzi w grę, ponieważ nie wiadomo ile treści się w każdej z nich znajdzie.

Jakieś pomysły?