รบกวนสอบถามหน่อยครับ พอดีปัญหาการ hover แล้ว สีไม่พื้นหลังไม่คุมรูปภาพ มันทะลุออกกรอบไป รบกวนทีครับ

#content #left ul li a{
    font-size: 14px;
    position: absolute;
    padding-top: 8px;
}

#content #left ul li:hover{
    background-color: aqua;
}

#content #left ul li.home{
    list-style-image: url(../img/Test_icon_01.png);
    list-style-position: outside;
} 

#content #left ul li.manga{
    list-style-image: url(../img/Test_icon_02.png);
}

#content #left ul li.chat{
    list-style-image: url(../img/Test_icon_03.png);
}

#content #left ul li.contact{
    list-style-image: url(../img/Test_icon_04.png);
}

                    <ul style="list-style: none;width: 240px; height: 100%;">
                        <li class="home"><a>HOME</a></li>
                        <li class="manga"><a>MANGA/COMMICS</a></li>
                        <li class="chat"><a>CHATS</a></li>
                        <li class="contact"><a>CONTACTS US</a></li>
                    </ul>