[Ayuda]: ¿Por qué MouseOver & MouseOut no ejecutan la función?

[Miguelcarp14]

Quiero que un boton cambie de color de fondo al pasar el mouse encima de el, el color sería #fff y luego de sacarlo le cambia nuevamente el color por defecto que ya tenía.
ya se que se puede con css pero necesito hacerlo con javascript.

Los botones creados:

Código (html4strict) [Seleccionar] Expandir

<ul class="vertical posicion_menu">
<li><a href="#quienes-somos" id="boton_a" onmouseover="Mostrar_A_Hover()" onmouseout="Ocultar_A_Hover()" onclick="Mostrar_A()">¿Qué es bolishop?</a></li>
<li><a href="#restricciones" id="boton_b" onmouseover="Mostrar_B_Hover()" onmouseout="Ocultar_B_Hover()" onclick="Mostrar_B()">¿Quienes pueden usarlo?</a></li>
<li><a href="#ventajas" id="boton_c" onmouseover="Mostrar_C_Hover()" onmouseout="Ocultar_C_Hover()" onclick="Mostrar_C()">¿Cuales son las ventajas?</a></li>
</ul>

Funciones para los hovers

Código (javascript) [Seleccionar] Expandir


<script type="text/javascript">
        function Mostrar_A_Hover {
           document.getElementById("boton_a").style.backgroundColor = '#ccc';
        }

        function Ocultar_A_Hover {
           document.getElementById("boton_a").style.backgroundColor = '#EAEBEF';
        }

        function Mostrar_B_Hover {
           document.getElementById("boton_b").style.backgroundColor = '#ccc';
        }

        function Ocultar_B_Hover {
           document.getElementById("boton_b").style.backgroundColor = '#EAEBEF';
        }

        function Mostrar_C_Hover {
           document.getElementById("boton_c").style.backgroundColor = '#ccc';
        }

        function Ocultar_C_Hover {
           document.getElementById("boton_c").style.backgroundColor = '#EAEBEF';
        }
           
    </script>


No se me quieren cambiar, no funcionan. ¿Que puede ser? desde ya muchas gracias!

[engel lex]

has intentado abrir la consola de programador y ver los errores? (todas las funciones tienen el mismo error, les falta parentesis)