Check out my personal website. I'm having an issue with my Nivo slider not displaying properly - it just keeps loading. Any ideas on why this is happening and how I can fix it? Below is the CSS I am using:
#slider {
position:relative;
width:618px;
height:246px;
background:url(http://www.my-website.com/nivo/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
display: none;
position:absolute;
top:0px;
left:0px;
}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-30px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://www.my-website.com/nivo/images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://www.my-website.com/nivo/images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
.clear {
clear:both;
}
If these styles don't resolve the issue, feel free to take a look at my site or let me know what code snippets you need. Appreciate any help!