Problema css: posizione assoluta <div> in IE7
Ciao a tutti.
Qualcuno conosce un trucco per far vedere correttamente la posizione "assoluta" di un div rispetto ad un contenitore "relativo" in IE7?
Per la cronaca vi posto qui un mini-file di esempio, funziona alla grande con Opera/FIrefox, ma con IE7 il box assoluto... non segue le indicazioni dello stile.
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<body>
<div style="width:200px; height:50px;border:1px solid black; position:relative;">
<div style="width:30px; height:50px;background-color: red; border:1px solid black;position:absolute;top:0px;left 0px;">
</div>
<div style="width:70px; height:50px;background-color: green; border:1px solid black position:relative;margin:auto;">
</div>
</div>
</body>
</html>
Grazie!
Ciao
