css and html height and width?

When I zoom in or out my element is moving and I’ve tried every code I know but it’s still the same, so I’ve posted my html and css code and I hope you can help me. I have this problem with every element I put in my page

    <!DOCTYPE html>    //html code
<html>
  <head>       // head tag

    <title></title>                    

  <link rel="stylesheet" type="text/css" href="untitled2.css"  /> //css link
  <meta http-equiv="content-type" content="text/html":charset-windows-1256">
  </head>
  <body>
  <div id="menu">  // div for menu 
<ul>
<li>link</li>
<li>link</li>
<li>link</li>       // ul li
<li>link</li>
<li>link</li>
</ul>
</div>

  </body>
</html>       // closing html



          //  css

body  {
    background-image: url('3.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% ;
    width:100%;
    height:100%;
    min-width:600px;          //body attribute 
    max-width:2000px;
    margin:0px;
    padding:0px;

}


#menu{
margin-top: 380px;
padding: 0px; 
background-color:#555258; //menu attribute 
width:2500px;
}


Source: css3

Leave a Reply