Tab with rounded corners strange behaviour bug

[Alex Sviridov]

 I want to make tabs big with rounded corners. And this is my css file:

The final target to make tab headers bigger with rounded corners.
.tab:selected .focus-indicator {
-fx-border-radius:101000,101000;
-fx-border-insets:-7-7-9-8,-5-5-9-6;}

.tab-pane >.tab-header-area >.headers-region >.tab:selected{
-fx-border-insets:10101010,10101010;}

.tab-pane >.tab-header-area >.headers-region >.tab >.tab-container >.tab-label {
-fx-alignment: CENTER;
-fx-text-fill:-fx-text-base-color;
-fx-padding:01000;}

.tab-header-area .tab{
-fx-padding:410510;
-fx-border-radius:101000;
-fx-background-radius:101000;
}

However, some strange elements appear near corners and later appear. It can be seen on the following images:
http://i.stack.imgur.com/kyICa.jpg
http://i.stack.imgur.com/0mnDq.jpg

I asked this question at stackoverflow  http://stackoverflow.com/questions/30690918/javafx-tab-rounded-corners/30692660#30692660
and one user said that this is "Changing CSS Id at run-time on Tab does not result in changing style" bug 
https://bugs.openjdk.java.net/browse/JDK-8090243

However, I am not sure that this is the bug I am talking about as css rules are not set at runtime. This bug is important for me
that's why I want to be sure that THIS bug is my problem. Please say, if this bug is my problem.


-- 
Alex Sviridov