Ciao

prova con questo codice, in pratica si tratta di due livelli sovrapposti.

Il primo contiene una tabella con le foto allineate in alto e il secondo con le foto allineate in basso.

Mi dà un piccolo spostamento della foto in basso a destra ma dipende dal fatto che nel livello inferiore la cella vicina è vuota (puo riempirla con un'immagine trasparente larga 260 px).

Insomma è un po' da adattare, se ti funziona provalo con diversi browser.

codice:
</p>


</p>
<div id="layer1" style="width:1100px; height:500px; position:absolute; left:90px; top:30px; z-index:2;">
    <table border="1" cellspacing="0" width="1100" bordercolordark="white" bordercolorlight="black">
        <tr>
            <td width="260" valign="top">
                

[img]foto1p.jpg[/img]</p>
            </td>
            <td width="200" valign="top">
                

[img]foto3p.jpg[/img]</p>
            </td>
            <td width="200" valign="top">
                

[img]foto4p.jpg[/img]</p>
            </td>
            <td width="260">
                

[img]foto6p.jpg[/img]</p>
            </td>
            <td width="180" valign="top">
                

[img]foto7p.jpg[/img]</p>
            </td>
        </tr>
    </table>
    

</p>
</div>
<div id="layer2" style="width:1100px; height:258px; position:absolute; left:90px; top:271px; z-index:0;">
    <table border="1" cellspacing="0" width="1100" bordercolor="white" bordercolordark="white" bordercolorlight="black">
        <tr>
            <td width="260" valign="bottom">
                

[img]foto2p.jpg[/img]</p>
            </td>
            <td width="400" valign="bottom">
                

[img]foto5p.jpg[/img]</p>
            </td>
            <td width="260">
                

</p>
            </td>
            <td width="180" valign="bottom">
                

[img]foto8p.jpg[/img]</p>
            </td>
        </tr>
    </table>
    

</p>
</div>