title: best way to place buttons on a png that will be a map
body: <p>the title essentially explains all ,, 
  I have a map img (png or jpg) and i want to place markers on the map that will scale if the resolution changes (media queries).  So points on a map that are buttons.. how do i do this ? Currently I have a container with a background image inside it that is the map... </p>
  
  <pre><code>#container-map{
      background-image: url(../img/map.png);
      z-index:9999;
      width:350px;
      height:900px;
      margin-left:150px;
      background-position: 0% 70%;
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>so how would i go about putting little markers on the image which is a map so i can then pull up info on the buttons that are selected ? </p>