Slider con immagini che non stanno al margine 0

[KekkoDance]

http://fsardella.altervista.org
Come vedete, nello slider le immagini lasciano uno spazio in alto, eppure è impostato il margine 0.

Codice css:

.stepcarousel {position: relative; border: 6px solid #2B3E42; overflow: scroll; width: 650px; height: 220px; margin-left: auto; margin-right: auto;}
.stepcarousel .belt {position: absolute; left: 0; top: 0; list-type: none;}
.stepcarousel .panel {float: left; overflow: hidden; margin: 0px; width: 650px;}

Codice html:

<script>
document.write('<div id="mygallery" class="stepcarousel">'       	
+'<ul class="belt">'
+'                  <li class="panel">[img]images/prova.png[/img]'
+'                  <li class="panel">[img]images/prova.png[/img]'
+'                  <li class="panel">[img]images/prova.png[/img]'
+'                  <li class="panel">[img]images/prova.png[/img]'
+'                  <li class="panel">[img]images/prova.png[/img]'
+'[/list]'
+'</div>')
</script>

Mi aiutate per favore?

[ResianTaxidrive]

NOn so bene perchè, forse manca qualche clear , dovrei esaminare meglio comunque se metti

.stepcarousel .belt {
left:0;
position:absolute;
top:-12px;
}

funziona come vuoi tu.

[KekkoDance]

ho risolto aggiungendo un margin e padding a 0
Grazie lo stesso