Currently, I have set up an image as a background on my website. It's just a few pixels wide so I made it repeat across the screen width using CSS. However, I noticed that it stops slightly before reaching the right side of the browser window (around a centimeter or an inch depending on your pixel settings). Here is the CSS code:
#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}
I am facing an issue where there is a white column at the end instead of the background image repeating all the way to the edge. If you visit avidest.com and scroll to the right, you can see this white column. How can I fix this and make sure the background image repeats seamlessly till the end? Thank you for your assistance.