Problem with bg image and vertical scrolling


i’m making a website for someone and I’m trying to put an image in the background for a bg image but not have the scroll bar show up at the bottom of the browser. Here’s my site so you can see what I mean:

The site I want it to be like is here:

Can anyone tell me how to fix it?
I’d really appreciate any help. Thanks a lot,



Website Under Review

You see this page, because the system administrator of is currently checking this website for malicious content. This redirect will be removed once we will finish manually checking all files on this account. As far we check over 100 websites, it can take about 2-4 hours to complete. If you are the owner of this website, you will get email confirmation once it’s done. If you are a visitor - please come back later.

Did you make your hosting company mad? :wink:

i don’t understand what this means

the horizontal scroll is visible at 1024 x 768 screen resolution because you have bigger width. this is what your css shows

#body {
	position: relative;
	[COLOR="Red"]width: 1067px;[/COLOR]
	margin-left: auto;
	margin-right: auto;
	border:0px solid #000000;
#body-content {
	background: #ffffff url(images/new-the_site_Bgd_image.jpg) repeat-y;
	height: 1300px;
	border:0px solid #000000;



at which resolution r u checking it.

your other divs and content also have higher width


The bigger culprit is the .second_bg_image div inside #body-content that you’re using to overlay the large GIF image…width is 1680px. As vinpkl pointed out, anyone viewing the page with a smaller screen resolution will see a horizontal scrollbar at the bottom.

There’s probably some simple fix to this, but the only way I can think of right now is to try using a single large background image for the body like the example website you gave. Except for the gradient/dropshadow effect, most of the image would be solid color, so wouldn’t expect the file size to be too big.

okay thanks a lot for the help