List style image con hover

[memoadian]

No se de donde saque algo asi, pero funcionó¡ O_O¡

Código CSS:

.joomla-nav li{
    font-size:14px;
    font-weight:bold;
    list-style-type:none;
    border-bottom:1px solid #c9c9c9;
    padding:7px 15px;
    background:url(../../../../images/row.gif) no-repeat;
    background-position:0 12px;
}
 
.joomla-nav li:hover{
    font-size:14px;
    font-weight:bold;
    list-style-type:none;
    border-bottom:1px solid #c9c9c9;
    padding:7px 15px;
    background:url(../../../../images/row-hover.gif) no-repeat;
    background-position:0 12px;
}