The div in my website move when I zoom. (Even if I use em or percentage)
<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>