[RESUELTO] Problemas al cambiar estilo de un div

[MauXXI]

RESUELTO:

Luego de meter "alert(id2.style.borderColor)" por todos lados me di cuenta que javascript no detecta la configuración del css. Al usar alert antes de cambiar el color me aparecía la ventana de alerta vacía, como si el objeto no tuviese coor de borde. Una vez hecho el cambio el color del borde, al ejecutar alert, me aparecía la ventana de alerta con el valor: rgb (153, 204, 0) rgb (153, 204, 0) rgb (153, 204, 0).
Cuando pasé esos valores a hexadecimal me di cuenta que es el valor del color al que quiero que cambie.

Este es el código funcional:

Código javascript:

<script type="text/javascript">
function mostrar(id1,id2) {
    var obj = document.getElementById(id1);
    obj.style.display=='none' ? obj.style.display='block' : obj.style.display='none';
    id2.style.borderColor=='' ? id2.style.borderColor='#99CC00' : id2.style.borderColor='';
}
</script>
 

Código html:

<ul>    
    <li onclick="mostrar('v',this);">Ítem 1</li>
</ul>
 

Código css:

li {
    float:left;
    margin-right:5px;
    background:#006699;
    text-align:center;
    border-left:15px solid;
    border-color:#669900;
    width:107px;
    height:12px;
    padding:4px;
    cursor:pointer;
}
 
li:hover {
    border-color:#99CC00;
    background:#0099CC;
}
 

Código:

Conclusión: Javascript NO detecta los valores pasados por un CSS externo.

Gracias a todos los que me ayudaron a resolver este "enigma"
Saludos.