title: can't center the image using background-position
body: <p>I'm very new in all in this area, so sorry if it looks like clumsy code. </p>
  
  <p>I'm trying to do something that apparently looks easy.
  I have an image that it also link to other url and I can't put in the center of the page.
  if I'm using the background-position=center without the link it working fine (with some modification) , and when I'm adding the link it showing at the top of the page.
  what I'm doing wrong?</p>
  
  <p>at head and style i have this lines:</p>
  
  <blockquote>
    <p><code>#main
    </code>                {<code>
    </code>                        background-image:url('google.png');<code>
    </code>                        background-repeat:no-repeat;<code>
    </code>                        background-position:center;<code>
    </code>                        display: block;<code>
    </code>                        margin: 0 auto;<code>
    </code>                        text-indent: -9999px;<code>
    </code>                        width: 137px;<code>
    </code>                        height: 137px;<code>
    </code>                }</p>
  </blockquote>
  
  <p>and in the body I have this line:</p>
  
  <blockquote>
    <p><code>&lt;body&gt;</code>
               <code>&lt;a href="http://www.google.com" id="main"&gt;google&lt;/a&gt;</code>
    <code>&lt;/body&gt;</code>
    </p>
  </blockquote>
  
  <p>Thanks,
  Reuven</p>