I have a simple problem of one of my divs pushing my main background image around 10px top and left. its the head container.The image is exactly 150 px by 950px, I set margins and paddings but it doesnt seem to take care of the problem. Also the colors i used have also changed when I preview in chrome.
We'll need an URL to look at. Usually, if you are getting padding or margin issues that aren't resolve by fixing the styles for that div ID or Class, it's usually a parent div or the body style. Check your body style and make sure your margin is set to 0. Then, check all parent divs and make sure they don't have padding on them. As for the color change, that does sound weird. I've never seen that before. A good tip for everyone on here. Install Firebug for Firefox. It will help you find these errors with ease.
I can't take a look at it. You need to either provide some snippet of the code, a URL to actual problem of the site or a screen shot showing the problem. Sorry but can't help you out like this.
It sounds like you haven't set the padding and margin of the body to 0. This should solve that issue. As for the colours, You have not given enough information.