title: How to make a overlay fit in another image
body: <p>I currently have working system where you check the checkboxes it overlays the image however, the problem I am having is getting the image postioned inside the computer screen so it's not on the very edge. Cany Anyone help with this?</p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
      &lt;style&gt;
          .overlay {
              display: none;
              position: absolute;
  
          }
          .right {
      position: absolute;
      right: 0px;
      width: 300px;
      border:3px solid #8AC007;
      padding: 10px;
  }
          #map {
              position: relative;
              right: -780px;
              width: 452px;
              height: 344px;
              background: url(BLANK-COMPUTER-SCREEN.png);
  
          }
          #station_A { top: 5px; left: 85px }
          #station_B { top: 150px; left: 180px }
          .hover { color: green }
      &lt;/style&gt;
  &lt;div id="map" &gt;
          &lt;span id="station_A" class="overlay"&gt;&lt;img style="background:url(/BLANK-COMPUTER-SCREEN.PNG)" src="/tn_WhiskersPrinceworkup.png" /&gt;&lt;/span&gt;
          &lt;span id="station_B" class="overlay"&gt;Highlight image here.&lt;/span&gt;
  
      &lt;/div&gt;
  
      &lt;p&gt;
          &lt;h2&gt;Choose a Shirt&lt;/h2&gt;
          &lt;form&gt;
              &lt;input type="checkbox" name="image" value="station_A"&gt;Station Alfa&lt;br&gt;
              &lt;input type="checkbox" name="image" value="station_B"&gt;Station Beta
              &lt;input type="checkbox" name="image" value="bandanna" id="checkbox1"&gt;Bandanna
          &lt;/form&gt;
      &lt;/p&gt;
  
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $(document).ready(function () {
      $("input[type='checkbox']").change(function () {
          var state = $(this).val();
          $("#" + state).toggleClass("overlay");
      });
      $('#checkbox1').change(function () {
          if (this.checked) $('#map').fadeIn('slow');
          else $('#map').fadeOut('slow');
  
      });
  });
      &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/qhf2jrpc/" rel="nofollow">Fiddle</a> is here.</p>