在CSS中的幻灯片下定位按钮

Question

我正在尝试在CSS中重新定位一些导航工具，但我尝试的任何东西都不起作用。有没有办法将它组合在一起并将其移动为div？ 我已尝试调整背景属性，并尝试使用各个标记的padding和margin s。我不知道怎么办呢？

这是我正在使用的代码：

#slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;

    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;

    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

它位于页面底部！我希望它坐在图像的幻灯片下方！任何帮助都会很棒！