title: Child div 1 pixel away from being flush with left of parent
body: <p>I have a parent div with a child div inside it (the child div acts as a pop up menu).  When the child div pops out it has a tiny space so that it's not lined up with the left of the parent div.</p>
  
  <p>here's the styles:</p>
  
  <pre><code>.ButtonContent
  {
      display:none;
      border: solid 1px black;
      width:275px;
      position:absolute;
      left:0;
      margin:0px;
      padding:0px;
      float:left;
      background-color:#FFF;
      border-radius:0 0 4px 4px;
  }
  .Button
  {
      margin:0px;
      padding:0px;
      border: solid 1px black;
      border-radius:4px 4px 4px 4px; 
      width:276px;
      text-align:center;
      position:relative;
  }
  </code></pre>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div class="Button" id="Button1" &gt;
      Add &lt;br /&gt;
      &lt;div class="ButtonContent" id="ButtonContent1"&gt;
           Date purchased:
           &lt;div class="Date" id="datePurchased1"&gt;&lt;/div&gt;&lt;br/&gt;
           Purchase Location:&lt;br /&gt;
           &lt;input type="text" maxlength="150" /&gt;&lt;br /&gt;
           &lt;a&gt;Add&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>