menu css rules don't display the same in chrome than in firefox

[melivea01]

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}

it displays transparent in firefox as it should but it displays black in chrome, and it shouldn't can you please help me get some consistency across this?. Thank you!!!

for reference the site is: www.sentientvision.com/wordpress

Thank you!

[Diksha Ruth]

Try -webkit-appearance: none

[melivea01]

thank you!, just drop that on the css editor?

[melivea01]

Also on this website I don't know how to get the logo in the top left corner, could you please help me? thank you!! http://lg-portafolio.com/