hidding background images

So, I have a couple of designs where I'd like to place a div with just a background image to the right, or lower right of the page. However whenever I've done this, I've noticed a scrollbar appears.

I don't want scroll bars to appear, I only want the background image to be seen if the window is large enough all ready with no scroll bars, other wise it should be cut off.

I've tried applying overflow: hidden; to the div, but that never seems to work. So has any body done this before? How can I get this sort of thing to work?

 

try using overflow:hidden

 

all ready tried that, doesn't work.

 

How are you positioning the <div>? Absolute, relative, float:right?

 

I'm using position absolute on it.