title: Div moves down on zoom out
body: <p>My issue is that eTextSection1 doesn't move(which is good), but for some reason eTextSection2 shifts down the page when I zoom out. How can I get this to stop? I've been playing with this for awhile, but I've had no luck so any help is appreciated. 
  Here's the site in action <a href="http://www.andrewhnovak.com/test/index1.html" rel="nofollow">http://www.andrewhnovak.com/test/index1.html</a></p>
  
  <pre><code> &lt;div class="container"&gt;
          &lt;div class='underHeader'&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="container"&gt;
          &lt;div class='whiteBox'&gt;
              &lt;div class='newProducts'&gt;&lt;/div&gt;
  
              &lt;div class='eTextSection1'&gt;
  
              &lt;div id="frontPage"&gt;
  Some Text
  
                  &lt;/div&gt;
                  &lt;div id="eRow1"&gt;
                      Text 1
  
                      &lt;div id="eRow1Rating"&gt;77&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow2"&gt;
                      Text 2
  
                      &lt;div id="eRow2Rating"&gt;66&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow3"&gt;
                      Text 3
  
                      &lt;div id="eRow3Rating"&gt;85&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow4"&gt;
                      Text 4
  
                      &lt;div id="eRow4Rating"&gt;99&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow5"&gt;
                      Text 5
  
                      &lt;div id="eRow5Rating"&gt;47&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow6"&gt;
                      Text 6
  
                      &lt;div id="eRow6Rating"&gt;55&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="eRow7"&gt;
                      Text 7
  
                      &lt;div id="eRow7Rating"&gt;37&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="more"&gt;
                      &lt;a href="#"&gt;Link&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class='eTextSection2'&gt;
                  &lt;h3&gt;Title&lt;/h3&gt;
  
                  &lt;div id="pRow1"&gt;
                      Row Text 1
  
                      &lt;div id="pRow1Rating"&gt;22&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow2"&gt;
                      Row Text 2
  
                      &lt;div id="pRow2Rating"&gt;66&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow3"&gt;
                      Row Text 3
  
                      &lt;div id="pRow3Rating"&gt;88&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow4"&gt;
                      Row Text 4
  
                      &lt;div id="pRow4Rating"&gt;67&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow5"&gt;
                      Row Text 5
  
                      &lt;div id="pRow5Rating"&gt;98&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow6"&gt;
                      Row Text 6
  
                      &lt;div id="pRow6Rating"&gt;35&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="pRow7"&gt;
                      Row Text 7
  
                      &lt;div id="pRow7Rating"&gt;51&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="moreLink"&gt;
                       &lt;a href="#"&gt;Link&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.eTextSection1{
  
          width:240px;
          border-style:solid;
  position:relative;
  
      border-bottom:solid;
          border-width:2px;
  
          }
  
          .eTextSection2{
  
          width:240px;
          border-style:solid;
  position:relative;
  
      border-bottom:solid;
          border-width:2px;
          left:200px;
          bottom:400px;
          }
  .whiteBox{
      background-color:white;
      width:800px;
      height:800px;
      margin-left:auto;
      margin-right:auto;
      position:relative;
      top:80px;
      -webkit-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43);
  -moz-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43);
  box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43);
  margin-bottom:100px;
      }
  </code></pre>