ciao a tutti!
ho cercato di risolvere il mio problema leggendo vari thread ma non ci sono ancora riuscito.

devo simulare una tabella con 2 righe, di cui la seconda (quella più in basso) contiene 2 colonne:

questo è il codice HTML:

<div id="divSearch" style="display:inline;float:left;width:98%;height: 10%;vertical-align:top;z-index:0;border:2;left:2px;" class="MapNavDivSearch">
<div class="jqHandle jqDrag"></div>
search
</div>
<div style="vertical-align:top;">
<div id="divMap" style="float:left;width:45%;height:90%;" class="MapNavDivInfoOgg">
pippo
<div>
<div id="divMap" style="float:right;width:45%;height:90%;" class="MapNavDivMappa">
<div class="jqHandle jqDrag"></div>
testo 1 testo 1testo 1testo
</div>
</div>


e queste le classi css coinvolte:

.MapNavDivInfoOgg {
background-color: blue;
position: absolute;
}

.MapNavDivMappa {
background-color: fuchsia;
border: 1px solid #006685;
position: absolute;
}

.MapNavDivSearch {
background-color: yellow;
border: 1px solid #006685;
position: absolute;
}

ho provato con diverse combinazioni di float, top, left, margin, ecc.... ma niente ....
i div tendono comunque a sovrapporsi.
la position: absolute; deve essere necessariamente mantenuta perchè i div sono drag&drop, altrimenti non mi funzionano.
se avete qualche suggerimento vi ringrazio molto.

ciao