Header File Hover Text Change

Hi all,

I’m pulling out my hair here trying to figure out this issue. I am working on a site that has it’s menu look controlled by Option Tree. I’ve set it up so that the font colour changes based on what the user puts in. What I want is to have the font change colour and size when the mouse rolls over it. I can’t seem to get it at all!!

The edits in the styles page make no real change and when I edit the header it work to change the font colour but can’t get it to only change it when the mouse is over it.

#menu li.current-menu-item a {
color: <?php echo get_option_tree(‘menu_active_text’); ?>;
}

#menu li a {color: <?php echo get_option_tree(‘menu_color’); ?>;
}

#menu li a:hover {color: <?php echo get_option_tree(‘hover_menu_color’); ?>;
}

</style>
</head>

Any ideas?

Thanks,
Rua