hi

Im making a website and on the startpage i have a slider with testemonials from clients. The paragraphs in the slider is absolute positioned so that i could vertically center them. The thing is at the start untill the first fade/slide they are stacked on top of each other and this looks like **** of course.

site: www.rosens-bygg.se

the code for the slides look something like this:

Code HTML4Strict:
<div class="slides">
<li>
<p>textextext</p>
</li>
<li>
<p>textextext</p>
</li>
</div>

Code CSS:
.slides{
position: relative;
}
 
li{
position: absolute;
display: table;
left: 0;
top: 0;
height: 200px;
}
 
p{
display: table-cell;
vertical-align: middle;
text-align: center;
}