want div overflow, but not scrollbar

I have an image that is about 1600 pixels long, tapering down to a point so that it disappears on anything screen larger than that.

I thought I could put it in a div tag that was set to show overflow, and not have the horizontal scroll bar show.. The image is just that wide to account for different screen resolutions. Does any one know how I can accomplish this with my image and not have that scrollbar.

thanks!
Here's what I tried:
<div style="z-index:-1; height:0px; width:100%; overflow:visible; position:relative; top:67px;" ><img src="test_images/tear1.gif" /></div>

hah! Of course I found an answer the moment after I posted. I just put a overflow: hidden; on the body.

neeever mind!