title: AngularJS set element fixed position based on another element
body: <p>This app takes an image, which is essential a background, or workspace.  I need to add input text fields onto this workspace given specific coordinates (top, left, width, height).  These coordinates would be relative to the image (top/left = 0/0).  How would I position my fields/elements relative to the image?  </p>
  
  <pre><code>        &lt;img id="background" ng-src="{{page.backgroundImage}}" /&gt;
          &lt;input type="text" ng-repeat="field in page.fields" ng-model="field.value" 
                 ng-style="{position:'absolute',
                                left:field.left,
                                 top:field.top,
                               width:field.width,
                              height:field.height}"/&gt;
  </code></pre>
  
  <p>The code above works great for absolute positioning but it is not relative to the image.</p>