comment définir la marge pour une div intérieure sans utiliser padding/marge

Question

<div class="out"> 
    <div class="inner"></div> 
</div> 

Dans le code ci-dessus, out div doit être réglé avec:

padding:0; 
margin:0; 

Ensuite, je veux la div intérieure prendre toute la place de le out avec une certaine marge.

This is the effect I want

Dans le exmaple, je positionner la div intérieure avec top,bottom,left,right attributs, mais il est pas pris en charge dans IE6.

Comment le faire fonctionner cross-navigateur?

BTW, je ne veux pas utiliser la taille absolue comme

height:1px 
width:1px; 

Answer 1

Est-ce changement de rembourrage de out certainement pas permis? Il serait très facile si vous pouvez: http://jsfiddle.net/rrMjj/2/

Answer 2

Utilisez cette css

.inner{ 
border: 10px solid red; 
width: 250px; 
height: 250px; 
background-color:gray; 
} 

Link DEMO