title: HTML: Set scroll on div table-row
body: <p>Hello i try to set scroll in .chat .body (overflow-y: scroll), i try every code but not work.</p>
  
  <p>thanks in advance !
  ////////////////////////////////////////</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="chat"&gt;
      &lt;div class="head"&gt;&lt;/div&gt;
      &lt;div class="body"&gt;
          &lt;table border="0" width="100%" cellpadding="0" cellspacing="0"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td align="left" width="40"&gt;
                          &lt;img src="http://www.exclutips.com/wp-content/uploads/2015/08/wordpress-custom-user-avatar.png" style="
                              width: 32px;
                              height: 32px;
                              display: block;
                              border: 1px solid rgba(0, 0, 0, .1);
                              cursor: pointer;
                              "&gt;
                      &lt;/td&gt;
  
                      &lt;td align="left" width="136"&gt;
                          &lt;div class="user-name"&gt;User Name&lt;/div&gt;
                      &lt;/td&gt;
  
                      &lt;td align="right"&gt;
                          &lt;span class="online-icon"&gt;&lt;/span&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div class="footer"&gt;
          &lt;input type="text" placeholder="Search"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;style type="text/css"&gt;
  
      * { font-family: "Segoe UI"; }
  
      html {
          font-size: 100%;
          -webkit-text-size-adjust: 100%;
          -ms-text-size-adjust: 100%;
          height: 100%;
      }
  
      body {
          margin: 0;
          padding: 0;
          background: #F2F2F2;
          height: 100%;
      }
  
      input, select {
          display: block;
          width: 100%;
          padding: 5px;
          outline: none;
          border-width: 1px;
          border-style: solid;
          border-radius: 0;
          background: #fff;
          font-size: 12px;
          color: #6B6B6B;
          appearance:normal;
          -moz-appearance:none;
          -webkit-appearance:none;
          border-color: #BDBDBD;
      }
  
      div, textarea, input, select, button, a { box-sizing: border-box; -moz-box-sizing: border-box; }
  
      .chat {
          display: table;
          border-left: 1px solid #ccc;
          position: fixed;
          height: 100%;
          top: 0;
          right: 0;
          bottom: 0;
          width: 200px;
          margin: 0;
          padding: 0;
          background: #E1E1E1;
      }
      .chat .head {
          display: table-row !important;
          height: 52px;
      }
      .chat .body {
          overflow-y: scroll;
          display: table-row;
          height: 100% !important;
      }
      .chat .body table {
          cursor: pointer;
          padding: 5px;
      }
      .chat .footer {
          display: table-row !important;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Check demo here: <a href="http://chatiiii.hol.es/default.php" rel="nofollow noreferrer">http://chatiiii.hol.es/default.php</a></p>