Centering Background Image

HTML & CSS
1

Hey everyone,

I have my background image appearing in the page I am working on at Atlanta Review Group- Product Articles. Have I done this properly with CSS? …but why doesn’t the background image appear all the way in the center? The bottom menu background image is off to the left a little bit.

Also, you’ll see that the bottom list item links have a circle, as I have tried to specify a list-style, but it always appears outside. I have tried to specify in main.css, a CSS rule of


ul{list-style-position:inside;}

, which didn’t work.

2

Which image do you mean?

the bottom list item links have a circle

I can’t see the list you are referring to.

3

The image is for my menu, #bMenu. It is the bottom one on that page. You can tell that it is not quite in the center.

I just figured out the list-style problem!

4

You could change the width of #pMenu:

#bMenu {
  background: url("bMenuBG.gif") no-repeat scroll 50% 150px transparent;
  height: 220px;
  margin: 0 auto;
  padding-left: 50px;
  padding-top: 170px;
  position: absolute;
  width: [COLOR="Red"]576[/COLOR]px;
}
5

Your post is aWeSoMe