<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav pull-right">
            <li class="active"><a href="-sharpsection-1" class="zoomIn"></a></li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col">
                        <ul>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col">
                        <div><img src="images/dropdown1.jpg"></div>
                    </li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col col-l">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col"><img src="images/dropdown2.jpg">
                        <p class="text-s text-white" style="padding-top: 10px">
</li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col"><img src="images/dropdown3.jpg"></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col"><img src="images/dropdown4.jpg"></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col"><img src="images/dropdown5.jpg"></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    
                </a>
                <ul class="dropdown-menu">
                    <li class="col">
                        <ul>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                            <li><a href=""></a></li>
                            <li><a></a></li>
                        </ul>
                    </li>
                    <li class="col"><img src="images/dropdown6.jpg">
                        <p class="text-white text-s " style="padding-top: 10px">:400 000 0230
</li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="javascript：;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                    <i class="fa fa-angle-down" style="padding-left: 5px" aria-hidden="true"></i>
                </a>
                <ul class="dropdown-menu language">
                    <li>
                        <a></a>
                    </li>
                    <li>
                        <a>En</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    .outdated {
  .navbar {
    position: absolute;
    width: 100%;
    .dropdown-menu {
      display: table;
      .col {
        height: auto;
        display: table-cell;
        min-width: 85px;
        img {
          display: inline-block;
          font-size: 0;
          width: 210px;
        }
        p {
          display: inline-block;
        }
      }
      .col-l {
        min-width: 100px;
      }
    }
  }
}

ie9 flex table
.col