Ciao a tutti,
è da due giorni che sto cercando di capire il perchè di un problema che mi succede con i div ma non ho trovato ancora una soluzione (anche se nel frattempo mi sono quasi fatto una cultura sui vari bug di ie6)

Venendo al problema faccio prima a racontarlo con un esempio:

codice:
<div style="border: 3px solid red; margin: 20px 60px; height: 15em; width: 30em; overflow:visible">
<div style="border: 2px solid red; margin: -30px 0pt 0pt -30px; padding: 3px; ">
left: 0;


top: 0;


margin-left: -30px;


margin-top: -30px;
</div>
</div>
La pagina vista con firefox e con ie8 viene letta correttamente, mentre con ie6 e 7 la parte del div interno che fuoriesce viene nascosta.

Cercando qui http://positioniseverything.net/ non ho trovato soluzioni.
Ho anche trovato che esiste il bug sull'overflow:hidden ma il mio è il problema opposto
In questa pagina ho trovato una soluzione ma usa il posizionamento assoluto, cosa che non vorrei usare.

Lo scopo per cui voglio usare i due contenitore è per ottenere l'effetto che potete vedere sul mio sito per le iniziali dei titoli.

Grazie mille per l'aiuto e la pazienza di leggere questo ennesimo messaggio di richiesta