If you want to make sure that your image is centered you may want to add this core instead into your CSS box ... Hope this works for you ...
/*THUIS IS SQUARE BOX IN PG CENTER WITH TABS AND ABV TABS SEPARATED BY PIC IN CERNTER WITH BORDER AROUND BOX,,IS BIG*/
#outer2{
clear: both;
overflow: hidden;
text-align: center;
height: 000px; width: 000px; ( USE WHATEVER THE SIZE OF YOUR IMAGE HERE ... THE SIZE OF YOUR IMAGE IS IMPORTANT )
padding-top: 7px;
margin: 10px 0 0;
background-image:
url(YOUR IMAGE CODE GOES HERE);
color: transparent;
font-family: Verdana;
font-size: 14px;
text-shadow : 0 1px 1p #5f5f40;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
background-position: center center;
background-repeat: no-repeat;
border: none !important;}
