# CSS background center problem

**URL:** <https://forum.kirupa.com/t/css-background-center-problem/246423>\
**Category:** web dev\
**Created:** [December 11, 2007, 3:46am UTC](https://forum.kirupa.com/t/css-background-center-problem/246423 "2007-12-11T03:46:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![reblis](https://avatars.discourse-cdn.com/v4/letter/r/b19c9b/32.png) [@reblis](https://forum.kirupa.com/u/reblis)\
**Post date:** [December 11, 2007, 3:46am UTC](https://forum.kirupa.com/t/css-background-center-problem/246423/1 "2007-12-11T03:46:49Z")

</div>

I’m fairly new to css and am having a perplexing problem.

when I add a line of code:

background-position: center;

it drops my backgroud image down 15-20 pixels. I dontunderstand why.

[www.alchemyhairsalon.com/2008](http://www.alchemyhairsalon.com/2008)  
the home page is exactly how I want it and has a different style sheet from the inside pages.

[http://www.alchemyhairsalon.com/2008/menu.html](http://www.alchemyhairsalon.com/2008/menu.html) - for instance.  
[http://www.alchemyhairsalon.com/2008/style\_inside.css](http://www.alchemyhairsalon.com/2008/style_inside.css)  
line 17 or #container is where I’m having my problem.

can someone please tell me why this would drop the background down?  
everything would line up correctly if this background didn’t drop down.