Problem with border beneath menu.

Hi,

I would like the border beneath the current menu to have a other color then when you hover another item. I’ve tried this code, which doesn’t work ;).

.avia-menu-fx {
    border-bottom: 9px solid #6a6a6a!important;
}
.current-menu-item > a > .avia-menu-fx {
    border-bottom: 9px solid #1b69ad !important;
}

The height of the border isn’t the same, current and hover. In the theme-options I’ve set main-menu links #6a6a6a only on hover.

Already bin searching this forum and found this topic many times, but the solutions don’t change anything on my site.

Hope you can help me out.

Regards,

Erwin