title: Image Mapping with a CENTERED image
body: <p>I am using an image with several hot spots for navigation:
  <a href="http://hospicehub.com/" rel="nofollow">http://hospicehub.com/</a></p>
  
  <p>The problem is that the image is aligned left and not horizontally centered.
  I've tried background-position: 50% 0
  I've tried wrapping the whole thing in a 
  I've tried adding margin-left:auto; margin-right:auto;</p>
  
  <p>Nothing seems to have any effect???</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .map_image { display: block; width: 816px; height: 666px; position: relative; background-position: 0 0; background-repeat: no-repeat; }
  .map_image .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
  .map_image #map_link_0 { width: 306px; height: 35px; top: 241px; left: 489px; }
  .map_image #map_link_1 { width: 305px; height: 35px; top: 289px; left: 490px; }
  .map_image #map_link_2 { width: 305px; height: 38px; top: 336px; left: 491px; }
  .map_image #map_link_3 { width: 302px; height: 38px; top: 384px; left: 493px; }
  .map_image #map_link_4 { width: 301px; height: 37px; top: 434px; left: 493px; }
  .map_image #map_link_5 { width: 299px; height: 39px; top: 482px; left: 494px; }
  .map_image #map_link_6 { width: 298px; height: 36px; top: 533px; left: 495px; }
  .map_image #map_link_7 { width: 300px; height: 38px; top: 581px; left: 495px; }
  &lt;/style&gt;
  
  &lt;div class="map_image" style="background-image: url('/images/home-nav2.png');"&gt;
  &lt;a class="map_link" id="map_link_0" title="" href="/hospices"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_1" title="" href="/pbm"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_2" title="" href="/pharmacies"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_3" title="" href="/medicare-part-d"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_4" title="" href="/emr"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_5" title="" href="/dme"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_6" title="" href="/medical-supply"&gt;&lt;/a&gt;
  &lt;a class="map_link" id="map_link_7" title="" href="/cms"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>