Buon giorno a tutti, scusate per il titolo ma era difficile da spiegare..
Ho un problema stranissimo.
Sto creando, anzi ci sono quasi riuscita, a creare un box liquido a 3 colonne.
Sto disegnando le colonne tramite due immagini inserite in due differenti div... Se ne inserisco una sola (indifferentemente da quale delle due sia) disegna bene i bordi che le competono, quando le inserisco entrambe si vede solo l'ultima.... Non capisco perchè... Ne avete una vaga idea?

Ecco il codice:
codice:
<html>
<head>
<style type="text/css">
body{
margin:0  10%
}

#col1{
width:25%;
float:left;
}

#col2{
width:50%;
float: left;
background:#66CCCC
}

#col3{
width:25%;
float:left;
}

#cont2{
overflow:hidden;
width:100%
}

#cont0{
width:auto;
background:  url(cont0.png) 25% 0 repeat-y; /* queste sono le immagini*/
}

#cont1{
width:auto;
background:url(cont2.png) 75% 0 repeat-y;/* queste sono le immagini, quando le metto insieme è questa quella si vede e l'altra no */
}

</style>

<div id="cont0">
<div id="cont1">
<div id="cont2">
<div id="col1"> 

 COLONNA 1 COLONNA 1 </p> </div>
<div id="col2"> 

 Colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 colonna 2 </p> </div>
<div id="col3"> 

 colonna 3 colonna 3 colonna 3 colonna 3 colonna 3 </p> </div> 
</div>
</div>
</div>

</head>
</html>