Can anyone tell me the best way to position a nested div over the current div.. basically got 2 divs ... outer and inner.. the inner needs to be 20 pixels in and 20 pixels down form the current.. 

I have 

```
 <div>
      <div>

      </div>
 </div>

```

I tried setting the inner div to relative and top 20px and left 20px and it seemed to work in IE7 but not in FF or IE8