img coperto da un background di un div..

Ciao,
il mio problema è il seguente all'interno di un div ho inserisco una immagine se l'allineo a sinistra o a destra l'immagine non è visibile in ie mentre con firefox funziona alla perfezione...
Nei vari tentativi per sistemare il problema ho notato che se nel div che contiene l'immagine metto il background in trasparente, funziona tutto.
Non capisco come risolvere il problema, spero che qualcuno mi aiuti...

Il link dove potete vedere il fattaccio è il seguente http://eslam.altervista.org

curioso..
prova a dare un float:left coi css all'immagine, al posto dell'align

già provato :sadOLD:

ho visto che l'immagine appare quando tolgo questo bg

div.contcorpo {
background:#B1C3D9 url("img/sfondo2.gif") bottom repeat-x;

direi che ci sono un botto di cose da sistemare, a cominciare dall'html dove dovresti usare <div id=""> e non class e "#div classe" nei css, oltre a dare una bella ripulita a quest'ultimi
c'è troppa confusione e ripetizione degli stessi elementi

[NoWhere]

credo che manca un div di chiusura

prova poi in quel css a mettere anche margin: auto

Intanto vi ringrazio per le vostre risposte ho provato a seguire i vostri suggerimenti ma ancora il problema persiste.
Comunque il problema sta nel float, infatti se lo allineo in internet explorer l'immagine sparisce ma il testo contenuto nella div viene allineato, se tolgo l'allineamento dell'immagine, ritorna visibile.
In poche parole l'immagine contenuta dal div viene sovrapposta dal div che la contiene.

[makpaolo]

metti

div.contcorpo {
background:#B1C3D9 url("img/sfondo2.gif")bottom ;
background-repeat:repeat-x;

IE vuole il "repeat" separato dal background.

Provato niente da fare

[makpaolo]

ho guardato ora il sorgente / css,
puoi fare così,
nel css:

.casellatesto .image
{
float:left;
width:100;  <---- a seconda della dimensione data all'immagine
padding:3px;
border:1px solid black;
font-size:1.2em;
margin:10px;
background:transparent;
}

nel file avrai:

div class="titolo">Benvenuti in Euroslam WL</div>
<div class="casellatesto">
<div class="image"><img src="img/eslam.gif" align="left" alt="Welcome"></div>
<strong style="font-size:14px; ">Euroslam WL</strong> è il gruppo di appoggio di <a href="http://www.euroslam.com/index.php?euroslamid=2">Euroslam  Italia</a>, ha lo scopo di mettere a disposizione un sistema per gli 
utenti che si trovano nella Waiting List. <br>

così non dovresti avere problemi ....

Niente da fare... non funziona nemmeno così, qualunque cosa mettro tra quei div in internet explorer mi scompare...

resta solo una cosa da fare ma e' molto più complicata:
dividi la pagina con una tabella e la fai di 3 colonne poi invece di inserire un <div> metti le scritte dentro ogni parte della tabella.

Fai così:

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Ho finalmente risolto il problema , mi è bastato mettere un position:relative al tag img oppure al div contenitore come aveva proposto makpaolo...

Ringrazio a tutti per la collaborazione :smile:

[Taitaonline]

problema risolto, chiudo