Javascript fullPage.js垂直滑块导航点的对齐方式

我正在使用一个名为fullPage.js的jquery插件。这似乎是很好的记录，但我有困难找到任何关于导航点对齐。当我将它们变大一点（通过css修改）时，悬停和活动属性的对齐会被取消。
请参阅下面包含对齐错误的小提琴：

我还将代码粘贴到StackExchange上，但它没有呈现错误（点的大小似乎没有变大）：

$（文档）.ready（函数（）{
$（“#全页”）。全页({
css3：没错，
导航：对，
导航位置：'右'，
键盘滚动：正确，
控制箭头：对
});
});
#fp nav ul li a.有效跨度，
.fp滑块导航ul li a.有效跨度{
背景：#004e7b；
位置：绝对位置；
}
#fp nav ul li a跨度，
.fp幻灯片导航ul li a跨度{
边框：1px实心#004e7b；
背景：rgba（0,0,0,0）；
高度：10px；
宽度：10px；
边界半径：50%；
}

B A N E R
标语
第一节
占位符
第二节
占位符
第三节
占位符
第四节
占位符
这应该是修复悬停和活动状态所需的CSS：

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span,
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    width: 8px;
    height: 8px;
    margin: -2px 0 0 -2px;
}

现在应该没问题了@Samuelliewt正在尝试得到类似的东西：在css中看到了一些奇怪的东西，这让我很反感：“/*在使用CSS3转换时防止悬停时出现奇怪的移动-webkit浏览器*/”谢谢！！工作得很有魅力。从概念的角度来看，你介意解释一下你是如何到达那里的吗？在活动和悬停状态下，似乎将上边缘和左边缘偏移了2 px。您是通过测试发现了这一点，还是源css中的某些元素抵消了它？我注意到-2px的偏移量适用于20像素以上的高度和宽度。再次感谢。这些是默认状态的基本样式。可以通过检查元件找到它们。然后我将它们应用于悬停和活动状态。