Trouble getting banner rotator control buttons to line up. Please help!

Question

Hi guys,
I had some help making a banner rotator and it all works fine but I can't get the control buttons to line up with each other properly.
You can check my example by clicking here.
Basically the left and right control arrows should align with the lights. Does anyone know how I can get them to line up?
Thank you,
S

Answer 1

Spindrift wrote:
I tried what you said and it kind of worked but I more want to bring the <ul> up to the level of the arrows, rather than giving the arrows a top margin to bring them down, if that makes sense. I want the black box to be a thin strip.
Any other ideas?
Add margin: 0; to your 'banner-rotation ul' css selector (as shown below)
.banner-rotation ul {
    float: left;
    padding: 1px 0 0;
    width: 148px;
height:11px;
margin: 0;