HTML/CSS Div drops down when I zoom out -

This is my website, and if you zoom out, the correct DIV zooms out. Here's the CSS:

HTML

  & 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 = "manji" & gt; Login & lt; / P & gt; & Lt; / a & gt; & Lt; Br / & gt; & Lt; A href = "" & gt; & Lt; P class = "manji" & gt; Register & lt; / P & gt; & Lt; / A & gt; & Lt; Div class = "lewigird" & 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 = "manji" & gt; IRC & lt; / P & gt; & Lt; / a & gt; & Lt; Br / & gt; & Lt; A href = "" & gt; & Lt; P class = "manji" & 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 = "manji" & gt; Home & lt; / P & gt; & Lt; / a & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
  CSS   
  * {padding: 0; Margin: 0; Border: 0; } Body {background-image: url ('Matrix.gif'); Blurring: 6.6}. Container {Display: Block; Width: 1000 pixels; Overflow: Auto; Margin: 50px auto 0 auto; } .head {background-image: url ('logo2.jpg'); Background position: center; Background repeat: no duplication; Background color: black; Swim left; Explicit: none; Height: 100px; Width: 994px; Border: 1 px solid green; Opacity: 0.8; } .leftdiv {background-color: black; Swim left; Explicit: none; Minimum-width: 70px; Minimum height: 80px; Border: 1 px solid green; Opacity: 0.8; } .leftupperdiv {Fuzzy: 0.8; Background color: black; Float: None; Clean both; Height: 250px; Width: 200px; } .middlecontent {background color: black; Swim left; Explicit: none; Height: 600px; Width: 592px; Border: 1 px solid green; Opacity: 0.8; } .rightdiv {background-color: black; Swim left; Explicit: none; Minimum-width: 70px; Minimum height: 80px; Border: 1 px solid green; Opacity: 0.8; } .UpperReadDiv {--- problematic background color: black; Float: None; Clean both; Height: 250px; Width: 197 PX; Border-right: 1px solid green; Opacity: 0.8; } .foot {background color: black; Swim left; Explicit: none; Height: 100px; Width: 994px; Opacity: 0.8; Border: 1 px solid green; }   
 I think that the error that is causing the error is right diwa or upper grandfather.  
  
 
 
 So ... if a container (including the body) both  float  And the  static  is not enough to display the content, on the basis of that later, static contents will fall under the float instead of wrapping around it. (It seems that the position is in your reverse, because your floating element has to fall)  
 I noticed while inspecting the element on your site:  
 . Kontejner {display: block; Width: 1000px; Overflow: Auto; Margin: 50px auto 0 auto; }   
 This width is probably not enough for all elements, change it:  
  .kontejner {display: block; Width: 1100px; Overflow: Auto; Margin: 50px auto 0 auto; }   
 And it will be in what you want.  
  Edit:  Funny ... I only  1100 px  to only  1017px  and this also remains in place.