title: The div in my website move when I zoom. (Even if I use em or percentage)
body: <p>I know that many people ask this question, but I can't make my website work. When I zoom every div go one under the other. I post only a little part of my html css cause the problem comes also with two div.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
   margin: 0;
   font-family: Sans-Serif;
   background-image: url("pictures/backgroundbody.png");
   background-repeat: repeat-x;
  }
  
  p {
   display: inline;
  }
  
  a {
   text-decoration: none;
  }
  
  #page {
     
     margin: 0 auto;
  }
  
  #header{
   
   height: 11.937em;
   width: 100%;
   margin-top: 0.812em;
  }
  
  #titlebar {
   height: 6.25em;
   
  
  }
  
  #giga_weather_and_search{
   float: right;
   margin-right: 15em;
   font-size: 0.875em;
   color: #5278ae;
   text-align: right;
   width: 27.875em;
   height: 6em;
   
  }
  
  #weather_bar{
   font-size: 0.857em;
   float: right;
  }
  
  #weather_bar td{
   padding-left: 0.357em;
   padding-right: 0.357em;
  }
  
  .weather_table{
   padding: 0.428em;
   border-spacing: 0px;
     border-collapse: separate;
  }
  
  #upper_search_bar{
   
   float: right;
   font-size: 0.857em;
  }
  
  .upper_search_table{
   padding: 0.214em;
  }
  
  #upper_search_bar td{
   padding-left: 0.143em;
   padding-right: 0.143em;
  }
  
  #bottom_search_bar{
   float: right;
   font-size: 0.857em;
  
  }
  
  #bottom_search_bar td{
   padding-left: 0.143em;
   padding-right: 0.143em;
  }
  
  #logo_bar{
   margin-left: 12em;
   margin-top: 4.312em;
   float: left;
   width:  23.125em;
   height: 2.375em;
   
  }
  
  #logo_bar img{
   width:  23.125em;
   height: 2.375em;
   
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
      &lt;title&gt;
    Colorado Breaking News, Sports, Wheather, Traffic - The Denver Post
   &lt;/title&gt;
   &lt;link rel="stylesheet" type="text/css" href="style1.css" /&gt;
   
    &lt;style type="text/css"&gt;
    A:link, A:visited {text-decoration: none}
       A:hover {text-decoration: underline}
    &lt;/style&gt;
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
   
   &lt;div id="page"&gt;
    &lt;div id="header"&gt;
     &lt;div id="titlebar"&gt;
      &lt;div id="giga_weather_and_search"&gt;
       &lt;div id="weather_bar"&gt;
        &lt;table class="weather_table"&gt;
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="weather"&gt;
           &lt;a href=""&gt;Weather: &lt;/a&gt;
           &lt;a href=""&gt;&lt;img src="pictures/weather.png" alt="weather logo"&gt;&lt;/a&gt;
           &lt;p&gt;Denver, CO&lt;/p&gt; 
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="now"&gt;
           &lt;a href=""&gt;Now: 39&amp;#176;&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
         &lt;/td&gt;
          
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="high"&gt;
           &lt;a href=""&gt;High: 49&amp;#176;&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
         &lt;/td&gt;
          
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="low"&gt;
           &lt;a href=""&gt;Low: 49&amp;#176;&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
         &lt;/td&gt;
          
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="forecast"&gt;
           &lt;a href=""&gt;5-Day Forecast&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;    
        &lt;/table&gt; 
       &lt;/div&gt; &lt;!--weather_bar--&gt;
       
       
       &lt;div id="upper_search_bar"&gt;
         &lt;table class="upper_search_table"&gt;
          &lt;td style="white-space:nowrap"&gt;
           &lt;div class="newsletters"&gt;
            &lt;a href=""&gt;Newsletter&lt;/a&gt;
           &lt;/div&gt;
          &lt;/td&gt;
          
          &lt;td style="white-space:nowrap"&gt;
           &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
          &lt;/td&gt;
          
          &lt;td style="white-space:nowrap"&gt;
           &lt;div class="subscribe"&gt;
            &lt;a href=""&gt;Subscribe&lt;/a&gt;
           &lt;/div&gt;
          &lt;/td&gt;
          
          &lt;td style="white-space:nowrap"&gt;
           &lt;img src="pictures/barretta_weather_bar.png" alt="weather barretta"&gt;
          &lt;/td&gt;
          
          &lt;td style="white-space:nowrap"&gt;
           &lt;div class="member_services"&gt;
            &lt;a href=""&gt;Member Services&lt;/a&gt;
           &lt;/div&gt;
          &lt;/td&gt;
         &lt;/table&gt;
       &lt;/div&gt; &lt;!--upper_search_bar--&gt;
       
       &lt;div id="search_bar"&gt;
        &lt;img src="pictures/search_bar.png" alt="search bar"/&gt;
       &lt;/div&gt;
       
       &lt;div id="bottom_search_bar"&gt;
        &lt;table class="bottom_search_table"&gt;
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="autos"&gt;
           &lt;a href=""&gt;Autos&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_bottom_search_bar2.png" alt="barretta bottom search bar"&gt;
         &lt;/td&gt;
         
          
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="real_estate"&gt;
           &lt;a href=""&gt;Real Estate&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
         &lt;td style="white-space:nowrap"&gt;
          &lt;img src="pictures/barretta_bottom_search_bar2.png" alt="barretta bottom search bar"&gt;
         &lt;/td&gt;
          
         &lt;td style="white-space:nowrap"&gt;
          &lt;div class="jobs"&gt;
           &lt;a href=""&gt;Jobs&lt;/a&gt;
          &lt;/div&gt;
         &lt;/td&gt;
         
        &lt;/table&gt;
       &lt;/div&gt; &lt;!--bottom_search_bar--&gt;
      &lt;/div&gt; &lt;!--giga_weather_and_search--&gt;
      
      &lt;div id="logo_bar"&gt;
       &lt;img src="pictures/logo_bar.png"/&gt;
      &lt;/div&gt;
     &lt;/div&gt; &lt;!--titlebar--&gt;
            &lt;/div&gt; &lt;!--header--&gt;
   &lt;/div&gt; &lt;!--page--&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>