Salve a tutti,
mi presento, sono Andrea e lavoro in uno studio tecnico come disegnatore 3D/tuttofare.
Il mio "campo" non e' quindi il webdesign ma comunque ci bazzico da tempo.

Ora sto realizzando un sito abbastanza semplice per lo studio.
Fondamentalmente il "cuore" del sito e' la zona progetti [www.studiobecchio.it/site/progetti/progetti.html] ed e' proprio dove si manifesta il problema.
Se entrate in uno dei progetti (per ora non tutti sono attivi) trovate una pagina composta da
un header sempre uguale
il plugin per jquery cycle e il plugin sempre per jquery colorbox che insieme mi creano il corpo della pagina, composto da un div che contiene l'immagine e uno che contiene il testo
in calce del messaggio metto poi gli stralci di codice

la pagina e' pensata per essere visualizzata su un monitor con risoluzione minima 1280x900/1024
per quanto riguarda le risoluzioni inferiori (che comunque non interessano particolarmente per il target di utenza del sito) provero' poi ad applicare l'articolo di html.it sul design adattativo che ho trovato molto interessante

comunque aprite pure il sorgente sia della pagina che del css [www.studiobecchio.it/style/stile.css e colorbox.css]

il mio problema (come sicuramente noterete al primo caricamento) e' che il div che contiene il testo si posiziona fuori dal suo div contenitore (con overflow:hidden) e quindi sparisce.
questo comportamento strano sparisce se si ricarica la pagina, e in genere non si ripresenta fino al successivo hard refresh
proprio per questo comportamente casuale non riesco a capire dove sia il problema!

scusate se non sono stato chiaro, fatemelo notare e mi dilunghero' finche' necessario.

comunque sono quasi sicuro di aver fatto qualche pasticcio con i posizionamenti.

oltre a questo particolare, vi chiederei gentilmente un parere generale sul sito.

Grazie molte per il vostro aiuto.
Andrea.

Codice html commentato

codice:
HTML
<div id="contprogetti"> questo e' il container del corpo pagina
	<div id="slideprogetti"> questo contiene lo slideshow e serve 
allo script per identificare le varie slide, ognuna contenuta in un div
			<div> div della slide composto da un div con l'immagine
 linkata allo script colobox e un div con classe progetti che contiene il testo	
		
<div><a href="centralevapore/img/01big.jpg" rel="uno" title="Assonometria dell'impianto n.1">
[img]centralevapore/img/01.jpg[/img]</a></div>
			<div class="progetti"><?php include('centralevapore/testi/1.html'); ?>
</div>
		         </div>
eccetera ci sono tutti i div uno per ogni slide
poi i numerini per scorrere sono in un elenco (richiesto dallo script)
contenuto da un div con posizione assoluta di modo che si posizioni sotto all'immagine

CSS
body                  {
                      padding:0px 0px 0px 0px;                     
                      margin:0px 0px 0px 0px;
                      font: 100% Arial, Verdana, Tahoma ;
                      line-height:1.125em; /* 1 em = 16px */
                      }
                                        
div#maindiv           {          
                      width:1200px;
                      margin-left:auto;
                      margin-right:auto;
                      font-size:0.8125em;
                      }

#contprogetti        {
                     margin:0px 60px 0px 60px;
                     overflow:hidden;
                     width:1080px;
                     height:410px;         
                     z-index:20;
                     }
                     
#slideprogetti       {
                     position:relative;
                     width:1080px;
                     }
                     
#navprogetti         {
                     position:absolute;
                     top:-20px;
                     z-index:150;
                     left:399px;
                     }
.progetti            {
                     position:absolute;
                     left:661px;
                     bottom:-7px;
                     height:auto;                                        
                     padding:0px;
                     width:417px;
                     text-align:justify;
                     color:#4a4a4a;
                     font-size:90%;
                     line-height:2em;
                     }
edit: scusate dimenticavo, anzitutto il sito non e' ancora stato "testato" con IE6/7 e quindi nella remota possibilita' che voi lo usiate vedrete diverse cose fuori posto, dovro' poi preoccuparmi di sistemarlo ma per adesso mi interessa avere tutto a posto per i browser fatti bene. inoltre non state ad impazzire alcune slide non hanno proprio testo, ma quelle dove c'e' lo vedete perche' ne rimane una mezza riga visibile