title: Website alignment breaks on browser zoom
body: <p>My site is both css and html verified but on browser zoom alignment breaks. I am not a css pro. Please tell me what css code need to be changed. Website is <a href="http://www.redzone.co.in/bluezone/webnew1/" rel="nofollow">here</a></p>
  
  <p><strong>This is the styling for images used on title bar.</strong></p>
  
  <pre><code>  #title {
      height : 90px;
      background : #f3f4f5;
      text-decoration : none;
      }
      #title &gt; img.tp {
      float : right;
      }
      #title &gt; img.redzone {
      padding-top : 1%;
      margin-left:15%;
      }
      #title &gt; img.ctoc {
      float : left;
      }
      #title &gt; img.fp {
      position:absolute;
      float:left;
      margin-left:6%;
      margin-top:10px;
      }
  </code></pre>
  
  <p>*<strong><em>This is styling for left and right columns.</em>*</strong></p>
  
  <pre><code>#contact_container {
  position:absolute;
  width : 15%;
  margin-left:4.5%;
  margin-top:30px;
  float:left;
  height : auto;
  padding-top:2%;
  background-image : url(img/transparent.jpg);
  }
  #contact_container &gt; img
  {
      padding-left:26%;
  }
  #content_container {
  position:absolute;
  padding-top : 2%;
  margin-top:30px;
  width : 15%;
  float:right;
  margin-left : 80%;
  background-image : url(img/transparent.png);
  text-align : center;
  }
  #content_container &gt; hr
  {
      width:80%;
      border-style:groove;
  }
  #contact_container &gt; hr
  {
      width:80%;
      border-style:groove;
  }
  #content_container &gt; ul
  {
      text-align:center;
  }
  #contact_container &gt; ul
  {
      text-align:center;
  }
  </code></pre>
  
  <p><strong>These are the general styling for menu and slider</strong></p>
  
  <pre><code>#gallery {
  border : #ccc solid 1px;
  background : #ffffff url(img/panel.jpg) repeat-x bottom center;
  width : 920px;
  overflow : hidden;
  }
  #menu2 {
  list-style : none;
  width : auto;
  height : 43px;
  background : #014464;
  border : #002232 solid 1px;
  margin-top : 30px;
  margin-right : auto;
  margin-bottom : 5px;
  margin-left : auto;
  padding-left : 30px;
  }
  </code></pre>
  
  <p>Any kind of help is appreciated.<br>
  Even some good references will be helpful</p>