Moduli nascosti dai Div

[tasto]

Sto utilizzando questo template PlanetBlunt001.
Se metto un modulo nella posizione user4 questo viene nascosto da header che si trova, graficamente, al di sopra.
Come posso invertire? cosa devo inserire nel css?
Il problema ovviamente è di IE

Codice: [Seleziona]

#suche {
margin: 0px;
padding: 0px;
width: 148px;
float: left;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 5px;
padding-top: 25px;
vertical-align: middle;
}

[= odino =]

Il problema ovviamente è di IE

 

Prova a regolarti con l'attributo

Codice: [Seleziona]

... {
...
position:...;
...
}

[tasto]

ho invertito i div. ho messo prima quello che copriva e poi il coperto.

[ivanaccio]

Quando due o più blocchi (div) posizionati in modo relativo si sovrappongono, l'ordine di sovrapposizione è determinato dalla proprietà z-index, la quale ammette solo valori costituiti da numeri interi non negativi. I div con z-index maggiore coprono i div con z-index minore.

#box-1{
position:static;
border:solid;
padding:0.4em;
width:250px;
background-color:#eee;
color: #900;
}
#box-2{
position:relative;
z-index:20;
border:solid;
padding:0.4em;
left:8em;
top:1.3em;
width:200px;
background-color:#fafafa;
color: #900;
}
#box-3{
position:relative;
z-index:10;
border:solid;
padding:0.4em;
left:0.8em;
top:-1em;
width:300px;
background-color:#fafafa;
color: #900;
}

In questo esempio abbiamo tre div: uno posizionato in modo statico e due posizionati in modo relativo.
Tramite i valori assegnati alle proprietà top e left si verifica una sovrapposizione dei blocchi box-2 e box-3. In questo caso l'ordine di sovrapposizione è determinato dal valore numerico che abbiamo attribuito alla proprietà z-index. Il numero 10 sta ad indicare che il blocco box-2 deve apparire prima del blocco box-3 poichè il div con z-index maggiore copre quello con z-index minore.