Menu Divider disappears on hover

I’m sure this is very simple. I have got an image as a menu divider for my navigation menu.

For some reason when hovering the divider disappears. Can someone tell me what is wrong with my code. The image is here:https://i.imgur.com/7VjCs.png

#access li {
background: url(https://i.imgur.com/7VjCs.png) no-repeat right center;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #ff9a00;
color: #ffffff;
font-size: 100%;
font-weight: 900;
}
#access ul li:hover > ul {
display: block;
font-size: 100%;
font-weight: 900;

}