I am using absolute positioning to lay some text on top of an image.

The parent element of my box1 div (which holds the text) has left and right padding. The absolute positioning ignores the padding in IE 5.01, 5.5, and 6. It looks fine in my other browsers.

Here is my CSS:

#main {
  clear: both;
  text-align: center;
  padding: 20px 0;
  position: relative;
.box1 {
  width: 163px;
  height: 246px;
  position: absolute;
  top: 61px;
  right: 37px;
Can you help me to make this look the same in earlier versions of Internet Explorer and in Firefox?