Absolute Positioning problem

Hi, guys I'm looking to position an image in a certain... well, position and I tried using absolute positioning but I realize that it appears at different places for different monitor resolutions.

Any suggestions? The image is to be positioned beside (but overlaying) a form.

Here's an example: http://www.7dayrealestatesale.com/

he's using the whole graphic, I want to use css instead.

 

You can float the image and use a negative margin to achieve the same effect.

For example, you could try:

img.whatever { float: right; margin-right: -60px; }

Code (markup):

 

negative margins and floats won't work in ie6 though

 

Yeah, they do. Negative margins work even with IE5.5.

Floats work, although depending on the situation IE6 may double the side margins. IF and only IF it does that, add display: inline; in the same place as your float declaration:
#element {
float: left;
display: inline;
other stuff;
}

Magically fixes bug.