Nivo滑块子弹定位

Question

HELP！我创建了一个带有重叠HTML文本的Nivo Slider，但是我很难让Nav工作。我想要HERO图像右下方的子弹点。我确定我错过了一些非常简单的东西 - 请放轻松，因为这是我第一次尝试使用JQuery。干杯：）

这是我的CSS：

.nivo-caption .title{font-style:italic}

.nivo-controlNav{
    position:absolute;
    bottom:5px;
    left:93%;
    margin-left: -20px;
    height:10px;
    width:10px;
    text-align:center;
    display:block;
}
.nivo-controlNav a{
    background:transparent url(_client/images/content/home/button.png) no-repeat center center;
    display:block;
    height:14px;
    width:14px;
    text-indent:-9999px;
    cursor:pointer;
    z-index: 99;
    float:left;
}
.nivo-controlNav .active{
    background:transparent url(_client/images/content/home/button_active.png);  
}

这是我的Header脚本：

<script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        animSpeed:50, // Slide transition speed
        pauseTime:10000, // How long each slide will show
        directionNav:true, // Next & Prev navigation
        directionNavHide:false, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        pauseOnHover:true, // Stop animation while hovering
     });
});
</script>

任何帮助都会很棒，谢谢。