#sub_1{
      display: none !important
}

.cls1:hover #sub_1{
     display : block !important
}

<li class='cls1'>item 2
    <ul id='sub_1'>
        <li>item A</li>
        <li>item B</li>
        <li>item C</li>
    </ul>
</li>

#header ul li ul{ display:none;}