This may or may not have anything to do with it but, you have this:
HTML Code:
<link rel="stylesheet" type="text/css" href="http://www.growthtrac.com/contentslider.css" />
<script type="text/javascript" src="http://www.growthtrac.com/contentslider.js">
and this:
HTML Code:
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
on the page, it should really only be one or the other.
I found that adding about 25px top padding (I also liked 416 for the width):
Code:
.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 25px 0 4px 0;
}
Seemed to do the trick. This will most likely throw things off for IE. If it does, add this conditional after the link to the contentslider css, as shown:
HTML Code:
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<!--[if IE]>
<style type="text/css">
.pagination {
padding-top:0;
}
</style>
<![endif]-->
However, the problem is really more fundamental I think but, without a DOCTYPE, you are in quirks mode so, whatever works.
Bookmarks