title: How do I remove the shadow border around a JavaFX ContextMenu?
body: <p>I've been working on a Button extending class that when left-clicked on displays a stay-open popup menu (ContextMenu object) on a configurable side/corner of the button. The constructor takes an enumerated value like NORTH_LEFT that indicates the side of the button where it gets shown and which edges on both the button and popup are aligned. In other words the 2 should always show in an L shape combo, not a T shape.</p>
  
  <p>So when I want to do something like EAST_BOTTOM where the bottom edges of both button and popup should align, I figured something like this would work:</p>
  
  <pre><code>PopupMenu.show(this, Side.RIGHT, 0, this.getHeight() - PopupMenu.getHeight());
  </code></pre>
  
  <p>But what I get is a Popup that appears much higher up then it should. That's because the PopupMenu.getHeight() call is returning a larger value then expected. I suspect because it is including the large shadow border in its dimensions. I've noticed that this semi-visible border also extends over my button a bit and prevents mouse clicks from registering on the edge of the button near the menu. So I have multiple reasons to want a border of 0 width. </p>
  
  <p>I assume there is a way to do it via CSS. I've tried setting -fx-background-insets and -fx-padding to 0 but neither seems to make a difference. Any other suggestions?</p>