BuddyPress.org

I have customized my BuddyBar in terms of colors (background-colors and border-colors).

It is working fine with FireFox, but in the latest IE-browser, it is looking a bit strange. This stupid browser is driving me crazy.

On the second-level navigation-list, there is still the original color of the background (#333333) visible when I move out of the field with the mouse.

I guess it is related to the following default CSS-code:

Do you have any idea how to change the background-color #333 so that it will not show-up again in IE-browser ?

#wp-admin-bar ul li ul {

position: absolute;

width: 185px;

left: -999em;

margin-left: 0;

background: #333;

border: 1px solid #222;

-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-moz-border-radius-topleft: 0;

-webkit-border-top-left-radius: 0;

-moz-border-radius-topright: 0;

-webkit-border-top-right-radius: 0;

}