Ciao a tutti,
io vorrei ottenere con i css un qualcosa di simili all'immagine sotto:



Ecco per ora il css che ho:

codice:
-- Div che contiene l'immagine
.box_viaggio{
width:300px;
height:200px;
margin:25px;
float:left;
}

-- Div che contiene la banza azzurra e il testo
.box_titolo_viaggio{	
	background: #0066CC;
	height: 60px;
	opacity: .8;

/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
Il mio problema è sovrapporli. Fare in modo che l'immagine stia sotto al Box azzurro. Come nella Img sopra.
Grazie a tutti.