Salve a tutti.
Stavo facendo qualche prova al fine di adottare una soluzione tabless per un'applicazione che sto sviluppando.
Vista la mia scarsa dimistichezza con i CSS e dopo ore trascorse in vani tentativi, chiedo consiglio a voi!
Vi mostro il frammento di codice HTML.

codice:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td style="width : 18px;">[img]Images/left.gif[/img]</td>
        <td style="text-align : right; background-image : url(Images/background.gif);">[img]Images/center.gif[/img]</td>
        <td style="width : 18px;">[img]Images/right.gif[/img]</td>
    </tr>
</table>
Come potete vedere, si tratta di una semplice tabella divisa in tre colonne.
Vi mostro ora come pensavo di ristrutturare il codice per il modello tableless:

HTML
codice:
<div id="header">
    <div id="headerSx">[img]Images/left.gif[/img]</div>
    <div id="headerCx">[img]Images/center.gif[/img]</div>
    <div id="headerRx">[img]Images/right.gif[/img]</div>
</div>
CSS
codice:
#header
{
    height : 66px;
    display : inline;
    margin : 0;
}

#headerSx
{
    float:left;
    width: 18px;
}

#headerCx
{
    text-align : right;
    background-image : url(Images/background.gif);
}

#headerRx
{
    float : right;
    width: 18px;
}
Come potrete intuire, non funziona!
Ho provato in svariati modi, ma niente da fare.
Sapreste darmi qualche buon consiglio?

Vi ringrazio anticipatamente