[HELP] Due "contenitori" uguali ma con comportamento diverso [RISOLTO]

[rinaldofr]

Ciao a tutti,
quello che mi appresto a spiegare mi sembra una cosa assurda, semplice, ma mi sta facendo uscir matto.
Sto modificando un template, in pratica nel container voglio avere due sezioni a Sx che ho chiamato left e left2 entrambe le sezioni sono "gemelle" nel senso che codividono la stessa struttura: topleft,modulo,bottomleft

Codice: [Seleziona]

<div id="left">
                   <div class="topleft"> </div>
                   <jdoc:include type="modules" name="left" style="xhtml" />
   <div class="downleft"> </div>
</div>

Codice: [Seleziona]

         <div id="left2">
                      <div class="topleft2"> </div>
                      <jdoc:include type="modules" name="left2" style="xhtml" />
          <div class="downleft2"> </div>
  </div> <!--left2-->

con la seguente dichiarazione nel .css che in pratica va a inseire un'immagine all'inizio ed alla fine del modulo per
fare un po di "grafica":

Codice: [Seleziona]


#left, #middle, #right{overflow:hidden;}
#left{ width:22%; float:left;}
..........
.........
#left .topleft{
background:#7d8177 url(../../../images/M_images/frontpage_img/side_l_top.png)
           top left no-repeat;  /* menu sx curva sopra*/
height: 16px;
}
#left .downleft{
background:#7d8177 url(../../../images/M_images/frontpage_img/side_l_bot.png)
           bottom left no-repeat; /* menu sx curva sotto */
height: 16px;
}

.........
..........
#left2, #middle, #right{overflow:hidden;}
#left2{ width:22%; float: left; clear:left;}
........

#left2 .topleft2{
background:#7d8177 url(../../../images/M_images/frontpage_img/side2_l_top.png)
           top left no-repeat;  /* menu sx curva sopra*/
height: 16px;
}
#left2 .downleft2{
background:#7d8177 url(../../../images/M_images/frontpage_img/side2_l_bot.png)
           bottom left no-repeat; /* menu sx curva sotto */
height: 16px;
}

La cosa strana che succede è che nel caso left2 l'immagine di downleft2 non viene visualizzata, in quanto chissa perchè finisce proprio sotto topleft2 e quindi oscurata dal modulo.


Avete qualche idea? suggerimenti? sto impazzendo, mi sembra banale, ma non trovo la soluzione.

[rinaldofr]

Alla fine ho risolto (Spero) 

C'era un float: left nel modulo che si interpone tra topleft
e downleft che nel secondo contenitore "left2" dava problemi....
E' bastato toglierlo.
Mi piacerebbe capire perche' nel primo contenitore "left" non
dava problemi....