EasySlider 1.7 - How to move the number buttons on to the image?

I've just discovered EasySlider, and it's great. But I can't seem to find anywhere that describes how to move the number buttons from und开发者_JS百科er the slider so that they are instead on the slider.

Can anyone suggest how this can be acheived?

Thanks.

just to make you clear, I achieved the following result --

http://i55.tinypic.com/x2q8ie.jpg

with the following edits in the css for ol#controls --

http://i52.tinypic.com/1tqzyq.jpg

adding an !important as nima suggested will ensure that your custom styles override the default styles of easyslider.

You can take its control via CSS the target is ol#controls
If you add this to your stylesheet it will move the numbers on the slider:

ol#controls { margin: -30px 0 0 0 !important; }