CSS hover 에 관해 질문 드려요..

아래의 소스와 첨부한 이미지에 보면 

각각의 탭에 오버했을때 div의 배경칼라를 바꾸고 싶은데 잘 않돼네요...

조언 부탁 드립니다. 

감사합니다.

<style>
.bs_tab_bg {background:#FF6600}

.bs_tab_1_bg {background:#368EA9}
.bs_tab_2_bg {background:#22C61A}
.bs_tab_3_bg {background:#6821BE}
.bs_tab_4_bg {background:#A2D20D}

.tab_1 {}
.tab_2 {}
.tab_3 {}
.tab_4 {}
</style>

<div class="bs_tab_bg">
<ul>
 <li class="tab_1">명사</li>
 <li class="tab_2">형용사</li>
 <li class="tab_3">동사</li>
 <li class="tab_4">부사</li>
</ul>
</div>