title: css issue different behaivour in mobile device only
body: <p><a href="http://liveweave.com/BrpuNc" rel="nofollow">http://liveweave.com/BrpuNc</a></p>
  
  <p>i works fine in all browser but has problem in chromium browser / android default browser
  what i am trying to do is 
  1:header remains at top
  2:there will be no page scroll , only internal scroll , my page is 3 column layout</p>
  
  <p>problem what i get in mobile browser 
  Window scroll apppears even when i have set content to fit to device / browser height</p>
  
  <p>html code:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width,height=device-height, initial-scale=1, maximum-scale=1,user-scalable=no"/&gt;
      &lt;/head&gt;
      &lt;body unselectable="on"&gt;
      &lt;center&gt;
      &lt;header&gt;   
          &lt;a id="logo" href="#"&gt; Header&lt;/a&gt;
          &lt;ul class="primary_nav"&gt;
              &lt;li class="selected"&gt;&lt;a style="color:#fff"&gt;&lt;span class="icon about"&gt;&lt;/span&gt;Rings &amp;amp; Pendants&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index2.html"&gt;&lt;span class="icon folio"&gt;&lt;/span&gt;Earrings &amp;amp; Cufflinks&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/header&gt;
  
  
      &lt;center style="height:calc(100% - 110px);padding-top:110px;"&gt;
      &lt;div id="container"&gt;
                  &lt;div id="section-navigation"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div id="content"&gt;
                      &lt;table border="1" width="100%" height="100%"&gt;
                          &lt;tr height="50%"&gt;
                              &lt;td&gt;
                                  &lt;table border="1" width="100%" height="100%"&gt;
                                      &lt;tr height="calc(100% - 40px)"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
                                      &lt;tr height="20px"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
                                  &lt;/table&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr height="50%"&gt;
                              &lt;td&gt;
                                  &lt;table border="1" width="100%" height="100%"&gt;
                                      &lt;tr height="calc(100% - 40px)"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
                                      &lt;tr height="20px"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
                                  &lt;/table&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
                  &lt;div id="aside"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="https://pbs.twimg.com/profile_images/500945788533342208/BnSNf5X4_400x400.png" width="100%" alt="top" id="101"&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
      &lt;/div&gt;
      &lt;/center&gt;
        &lt;/center&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>css code:</p>
  
  <pre><code>/************** main patch starts **************/
  a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,ul,var {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      vertical-align: baseline;
      text-decoration: none;
  }
  a:link{color:inherit}
  a:active{color:inherit}
  a:visited{color:inherit}
  a:hover{color:inherit}
  
  
  /************** main patch ends **************/
  
  #container
  {
      margin: 0 auto;
      width: 100%;max-width:800px;
      background: #fff;
  }
  
  #content
  {
      overflow:scroll;height:100%;
      float: left;
      width: 60%;
  }
  
  #aside
  {   
      overflow:scroll;height:100%;
      float: right;
      width: 20%;
      display: inline;
  }
  
  
  #section-navigation
  {
      overflow:scroll;height:100%;
      float: left;
      width: 20%;
      display: inline;
  }
  
  #section-navigation ul,#aside ul
  {
      margin: 0;
      padding: 0;
  }
  
  #section-navigation ul li,#aside ul li
  {
      margin: 0 0 1em;
      padding: 0;
      list-style-type: none;
  }
  
  
  /******header and tabs starts*******/
  header{
      color:#fff;
      background-color:#EE1EC6;
      position:fixed;
      z-index:10;
      width:100%;
      top:0px;
  }
  header a#logo{
      margin:5px auto;
      font-size:31px;text-decoration:none;
      display:block;
  }
  ul.primary_nav{
      border-radius:3px;
  }
  
  
  ul.primary_nav li{
      background-color:#26292E;
      border-bottom:6px solid #26292E;
      display:inline-block;
      padding-top:5px;padding-bottom:5px;
      width:50%;
      float:left;
  }
  
  
  ul.primary_nav li.selected{
      background-color:#000;
      border-bottom:6px solid #EE1EC6;
  }
  
  ul.primary_nav li a{
      display:block;
      height:36px;
      text-align:center;
      color:#c5c5c5;
      font-size:13px;
      text-shadow:0px 1px 0px #2a2a2a;
      text-decoration:none;
      font-weight:bold;
  }
  ul.primary_nav li a span.icon{
      display:block;
      margin:auto;
      width:22px;
      height:22px;
  }
  ul.primary_nav li a span.about{
      background:url(../images/about.png) no-repeat top center;
  }
  ul.primary_nav li a span.folio{
      background:url(../images/folio.png) no-repeat top center;
  }
  /******header and tabs ends*******/
  </code></pre>