Been working on what I thought would be a simple design. I'm trying to float an image to the right side of the site so that it will appear over all of the content below it.

Here's the site with code:
http://frontlevel.com/trinity/

It renders perfectly in Safari. Very close in Firefox. In IE and Chrome the divs below the image get pushed down the page a bunch. In the code the style id of the image is "rightpics". If anybody can help me, I'd be extremely grateful! I've been trying to figure this out for a couple hours now.

Set the image with position:absolute and a high z-index value

Thanks! If I try setting it to absolute it won't stay in position as the browser window changes width.

set the parent container to position:relative;

Thanks a ton! That did the trick. I really appreciate the fast replies here.