title: how to position a div for all screen resolutions
body: <p>I need to place a div in certain part of my web page. so i coded as following,  </p>
  
  <pre><code>&lt;div style='position:absolute;top:500px;margin-left:300px;width:100px;border:1px solid #000000;height:100px;'&gt;&lt;/div&gt;  
  </code></pre>
  
  <p>When i checked this page in a 19 inch monitor it is placed where i wanted. but i checked the same page in a 17 inch monitor it is placed 50-70 px more on the left side.  </p>
  
  <p>so how should i placed the div in the same place for all screen resolution. This question may seems simple, but i'm not that much familiar to css so any help greatly appreciated. Thanks.</p>