Pagination links display wrong in Firefox

[vvv7000]

1) Script Title: Featured Content Slider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem: When viewed in FF, the pagination links display at the top and interfere with the pictures in the slider. Just wondering if this can be fixed somehow.

[ddadmin]

Sounds like something with your CSS. Please post a link to the page on your site that contains the problematic script so we can check it out.

[vvv7000]

It's not just the links though. Everything below goes on top of the slider too. Here's the site: http://geocities.com/mississaugastarsbaseball/

[ddadmin]

Try clearing float within your pagination DIV:


<div class="pagination" id="paginate-slider1" style="clear:left"></div>

This may be necessary, since the table you're using to show the contents has a CSS float property.

[vvv7000]

I added in style="clear:left" to that tag, but nothing seemed to change. I also tried deleting style="float:left" in the slider table, and the content below the slider was then underneath the pictures in the slider. The pagination links remained at the top though.

[ddadmin]

Ah I see the problem now. In your CSS, you have an ennourous CSS height attribute. Remove the line in red in contentslider.css:


.contentslide{
border: 0px solid ;
border-bottom-width: 0px;
padding: 0;
width: 491px;
height: 0;
}

[vvv7000]

Things still seem to be the same.

[ddadmin]

You haven't removed height: 0; within your CSS yet. I just tried that, and in FF3, the pagination moves down to the bottom as it should.

[vvv7000]

Ahh there we go. Sorry, I didn't read your response carefully enough. Thanks a lot.