When styling a context-menu some elements get blurred for some reason.
{code}
.context-menu{
    -fx-padding: 4 4 4 4;
    -fx-border-color: rgba(0%,100%,0%,20);
    -fx-background-color: #FFE;
    -fx-border-width: 1;
    -fx-border-insets: 0;
}

.menu-item:hover{
    -fx-background-color: #08F;
}
{code}
By using the style setting above the border is not one pixel and looks blurred. If an icon is set, the icon will be blurred too, also the menu item background on hover will be blurred at the edges. By setting the border width to another value i.e. 2 the issue doesn't appear. Also wondering why the alpha value of the border isn't respected.