uso il seguente codice per simulare una tabella con i div:

codice:
<style type="text/css">
<!--
    .cella {
        height: auto;
        width: auto;
        display: inline;
        position: relative;
        border: solid 1px #000;
    }
-->
</style>
<div class="tabella">
    <div class="riga">
        <div class="cella">1-1 testo più grande degli altri</div>
        <div class="cella">2-1</div>
        <div class="cella">3-1</div>
        <div class="cella">4-1</div>
    </div>
    <div class="riga">
        <div class="cella">1-2</div>
        <div class="cella">2-2</div>
        <div class="cella">3-2</div>
        <div class="cella">4-2</div>
    </div>
</div>
il problema è che nella prima riga la prima cella è più grande della cella 1 nella riga successiva, e quindi salta l'allineamento.

Come si può risolvere il problema?