CSS中幻灯片下的定位按钮

我试图在CSS中重新定位一些导航工具，但我尝试的任何东西都不起作用。有没有一种方法可以将它分组并作为

div

移动？ 我尝试过调整背景属性，也尝试过使用单个标记的

填充

和

边距

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;
    }

---

它就在这一页的底部！我想它坐在下面的幻灯片图像！任何帮助都会很好

请同时发布HTML.code.jquery.com/jquery-1.9.1.min.js“>$（函数（）{$（'#幻灯片'））.slidesjs（{play:{active:true，auto:true，interval:6000，swap:true}）；}）；非常感谢您的帮助！！您能添加CSS样式的HTML吗？