Buongiorno.
Il mi problema ai piu' esperti sembrerà una banalità ma nn riesco a risolverlo anche dopo aver cercato in rete per diverso tempo.

ho creato due div che sono annidati uno dentro l'altro; al div più' interno ho impostato questo posizionamento rispetto al suo contenitore:
top:10px;
left:0px;
bottom:10px;
right:0px;

Questo posizionamento funzione con chrome, firefox e opera, ma non con IE.
Con IE non si adatta ne a destra ne in basso; resta posizionato a top:10px;e left:0px; ma non a 0px sulla destra ne a 10px dal fondo del primo div.

csslat.css
_____________________________________
div.box1 {
width:300px;
height:500px;
border: 2px solid green;
position:absolute;
top:30px;
bottom:0px;
}

div.box2 {
border: 2px solid red;
position:absolute;
top:10px;
left:0px;
bottom:10px;
right:0px;
}
_______________________________________


provannidamento_div.html
_______________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<link rel="stylesheet" type="text/css" href="csslat.css"/>
</head>
<body>

<div class="box1">

<div class="box2">
</div>

</div>

</body>
</html>
________________________________________

Sapete indicarmi una via di uscita per poter far funzionare questo codice anche con IE?
grazie