hidden scrollbar inside Container

by sebababi

HTML

<div id="listingContainer">
          <div id="listing">
              <div id="listings">
                  listing 1
              </div>
              <div id="listings2">
                  listing 2
              </div>
              <div id="listings">
                  listing 3
              </div>
              
          </div>
      </div>

CSS

#listing {
    height:100%;
float:left;
  width: 110%;
  border:1px dashed green;
  overflow: auto !important;
  overflow-x:hidden !important;
}
#listingContainer{
        height:400px;
    float:left;
    width: 100%;
    max-width:200px;
    overflow: hidden;
    border:1px dashed grey;
    margin-left:20px;
    background:yellow;
}
#listings{
    height:200px;
    background:#ccc;
}
#listings2{
    height:200px;
    background:#0f0;
}