title: Small issue with <hr> html tag
body: <p>I have created vertical and horizontal lines with the <code>&lt;hr&gt;</code> html tag, and have them inside a PHP script. The problem I have is that when you zoom on the site, the position of the lines move. </p>
  
  <p>if you zoom (command key +/-  on most browsers) the border i've made (with a div) stays in its place, but the horizontal and vertical lines do not.</p>
  
  <p>Another thing I just want to mention is that I was unable to change the CSS script (stylesheet.css) because of the oscommerce 2.2 configuration.. It's a very old version of the oscommerce server and I know it would probably be a better option to upgrade the server and look into templates, but I would like to figure out my problem here.</p>
  
  <p>So let's not talk about CSS since i'm not entitled to use it in this case.</p>
  
  <p>Here is a snippet of the code:</p>
  
  <pre><code>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
    &lt;div style="width:680px;height:540px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border:1px solid #a4a4a4;background-color:#FFFFFF;"&gt;
  
        &lt;hr style="width: 0.3px; height: 480px; background: #333; position: absolute; left: 660px; top: 315px;"&gt;
        &lt;hr style="width: 0.3px; height: 480px; background: #333; position: absolute; left: 890px; top: 315px;"&gt;
  
        &lt;hr style="width: 610px; height: 0.3px; background: #333; position: absolute; left: 468px; top: 463px;"&gt;
        &lt;hr style="width: 610px; height: 0.3px; background: #333; position: absolute; left: 468px; top: 643px;"&gt;
  
       &lt;table width="100%" cellspacing="0" cellpadding="15"&gt;
    &lt;/div&gt;
  </code></pre>