It’s being caused by your slider.
No dont think so cause its at my other pages too where my slider isnt showing.
because the width of your background image is set to 2300.4444444444443px
Well try to slide it, its only the content that is moving.
Try using Firefox with the Firebug add-on and you’ll see what I mean.
if you add
#topribbon {overflow-x : hidden;}
to the CSS it will get rid of the scroll bar, but it breaks the footer slightly.
I would have a look at the divs inside of it to see if one or more of them has a width of 100%, which will be causing the width to be 100% of the screen, not taking into account padding or margins.
Havent used firebug before, but i have installed it now, where do i look?
What I would do is use the element inspector to go through the divs inside topribbon, and one by one adding display: none to each until you lose the scroll bar.
i had a quick look and found that the div with id ‘ads’, which is the containing div for your advert has a width of 1010px, the same as the width of your content, but as the div starts 1/2 way along the page, it causes the scroll bar to appear.
I would look into setting the div width for ‘ads’ to the same as the width of the advert inside it.
With firebug, if you click on the element inspector (looks like a blue cursor clicking a box), then hover just to the right of the advert, you should see the div container heading off the edge of the screen to the right
Thanks trobee i set the ads to width: 468px; and now its gone 😀
Also if i adjust the size of the window the background shrinks into the back of the content, how do i fix this? set the bk to relative?
