botones de slide

[crafter_v]

Tengo un codigo para slide sacado de slidesjs.com, el cual tiene unos botones de navegacion (anterior y siguiente). Quiero poner dichos botones sobre la imagen del slide, a la izquierda y a la derecha respectivamente, pero sobre la imagen. No encuentro la manera... Creo que es por el plugin del slide, pero no estoy seguro.

Código PHP:

         <section id="slideshow">
            <div class="slide">
                <img class="thumb" src="<?php bloginfo('template_url')?>/images/slide1.jpg">
            </div>
            <div class="slide">
                <img class="thumb" src="<?php bloginfo('template_url')?>/images/slide2.jpg">
            </div>
                        <div class="slide">
                <img class="thumb" src="http://lorempixel.com/960/400/sports"/>
            </div>
                        <div class="slide">
                <img class="thumb" src="http://lorempixel.com/960/400/abstract"/>
            </div>
            <a href="#" class="slidesjs-previous slidesjs-navigation"><img class="siguiente" src="<?php bloginfo('template_url')?>/images/flecha_izq.png"></a>
            <a href="#" class="slidesjs-next slidesjs-navigation"><img class="previous" src="<?php bloginfo('template_url')?>/images/flecha_der.png"></a>
        </section>  

Código:

.siguiente{
	border:#000000 2px solid;
	
}

.previous{
	border:#000000 2px solid;

}

Código:

$(function(){
      $("#slideshow").slidesjs({
        height: 400,
		navigation: {
			active:false,
			effect:"fade"
		}
      });
    });

[juangemelo01]

Código:

.siguiente{
	border:#000000 2px solid;
	
}

.previous{
	border:#000000 2px solid;

}

¿Ya probaste poniendo margin-top: - (N)px;? donde N es cualquier numero en pixeles