flowplayer not positioning properly

I've got this开发者_StackOverflow中文版 structure:

<div slideshow>
    <div id=prev>
    <div id=next>
    <div>
        <img>
        <img>
        <a href="link_to_video">
    </div>
</div>

It creates a slideshow with two img, a flowplayer video and two arrows.

Everything works fine, but the video appears when the prev arrow finishes. I mean: http://imageshack.us/photo/my-images/819/sinttuloipc.png/

The left side of the video should begin where the left arrow begins, instead of when the arrow finishes. The arrow is float:left, I've tried with z-index bigger to the arrow and lower to the video, putting the arrow after the video, and so on, but I can't manage to get the video to appear at the left of the main div.

Any idea on how to structure/style the elemens?

thanks in advance!

---

#slideshow {position:relative;}
#prev {position:absolute; left:0; top:40%;}
#next {position:absolute; right:0; top:40%;}

Can you try that?