title: HTML/CSS Div drops down when I zoom out
body: <p>This is my website, and if you zoom out, the right DIV zooms out. Here is the CSS:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="kontejner"&gt; 
  &lt;div class="glava"&gt; &lt;/div&gt; 
  &lt;div class="levidiv"&gt;&lt;br/&gt;&lt;br/&gt;&lt;a href=""&gt;&lt;p class="meniji"&gt;Login&lt;/p&gt;&lt;/a&gt;&lt;br/&gt;
  &lt;a href=""&gt;&lt;p class="meniji"&gt;Register&lt;/p&gt;&lt;/a&gt; &lt;div class="levigordiv"&gt; &lt;/div&gt; &lt;/div&gt; 
  &lt;div class="vsebina"&gt; &lt;/div&gt; &lt;div class="desnidiv"&gt;&lt;br/&gt;&lt;br/&gt;&lt;a href=""&gt;&lt;p class="meniji"&gt;IRC&lt;/p&gt;&lt;/a&gt;&lt;br/&gt;
  &lt;a href=""&gt;&lt;p class="meniji"&gt;Scan&lt;/p&gt;&lt;/a&gt; &lt;div class="desnigordiv"&gt; &lt;/div&gt; &lt;/div&gt;
  &lt;div class="noga"&gt;&lt;br/&gt;&lt;br/&gt;&lt;a href=""&gt;&lt;p class="meniji"&gt;Home&lt;/p&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>*{
       padding : 0;
       margin : 0;
       border : 0;
  }
  body{
      background-image:url('Matrix.gif');
       opacity:6.6
  }
  .container{
       display : block;
       width : 1000px;
       overflow : auto;
       margin : 50px auto 0 auto;
  }
  .head{
  background-image:url('logo2.jpg');
  background-position:center;
  background-repeat: no-repeat;   
       background-color : black;
       float : left;
       clear : none;
       height : 100px;
       width : 994px;
       border: 1px solid green;
       opacity:0.8;
  }
  .leftdiv{
      background-color: black;
       float : left;
       clear : none;
       min-width : 70px;
       min-height : 80px;
       border: 1px solid green;
       opacity:0.8;
  }
  .leftupperdiv{
      opacity:0.8;
       background-color: black;
       float : none;
       clear : both;
       height : 250px;
       width : 200px;
  
  }
  .middlecontent{
       background-color: black;
       float : left;
       clear : none;
       height : 600px;
       width : 592px;
       border: 1px solid green;
       opacity:0.8;
  }
  .rightdiv{
      background-color: black;
       float : left;
       clear : none;
       min-width : 70px;
       min-height : 80px;
       border: 1px solid green;
       opacity:0.8;
  
  }
  .upperrightdiv{ ---the problematic one 
       background-color: black;
       float : none;
       clear : both;
       height : 250px;
       width : 197px;
       border-right: 1px solid green;
       opacity:0.8;
  }
  .foot{
       background-color: black;
       float : left;
       clear : none;
       height : 100px;
       width : 994px;
       opacity:0.8;
       border: 1px solid green;
  }
  </code></pre>
  
  <p>I think the one that is causing the error is the rightdiv or upperrightdiv.</p>