Premesso che ho già fatto ricerca nel forum e non mi pare di aver trovato la soluzione al mio problema, vi rimando ad una pagina creata da me
http://sedicisi.altervista.org/cicciopasticcio.htm

Questo qui sotto è il codice

codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>

<div id="Layer1" style="position:absolute; left:16px; top:21px; width:40%; z-index:1">
   [img]/Immagini/emiliaromagna%20copia.gif[/img]
</div>

<div id="Layer2" style="position:absolute; left:16px; top:110px; width:40%; z-index:2"> 
    [img]/Immagini/regione.gif[/img] 
</div>

</body>
</html>
Quello che vorrei fare è posizionare i due div uno sotto l'altro. l'attributo width è ovviamente in percentuale in modo da creare il layout fluido.
l'attributo height come potete vedere l'ho tolto in modo che i div si adattino alle immagini (Fluide).

l'attributo top nel secondo div invece vorrei toglierlo e fare in modo che il secondo div venga sotto al primo (che comunque è ridimensionabile in altezza) senza dover impostare un top in percentuale o in pixel (per ovvi motivi)

Come posso fare? :master:

Grazie in anticipo