Featured Content Glider Toggle problem in IE?

[zlee]

1) Script Title: Featured Content Glider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentglider.htm

3) Describe problem:

That I know just enough to be dangerous?

Sorry, I'm just learning CSS, and am trying to help out a friend with her website before I leave tomorrow at the end of my holiday, could someone help me out?

Looks just dandy in Firefox and Safari, but IE 6 (haven't tested on 7 yet) keeps taking the last buttons in the rows of toggle buttons and putting them on a line between the rows, and I can't figure out where to change the code to make the div longer for those toggles...?

Any help would be appreciated! Thanks! (If you'd like to take a look yourself, it's up on the test site at http://www.burren-tours.com/newsite/attractions.html )

[ddadmin]

Try adding an explicit line break at the end of the last button on each row of your buttons, for example:

<a href="#" class="prev"><span>Back</span></a> <a href="#" class="toc"><span>Kilfenora</span></a> <a href="#" class="toc"><span>Aillwee Cave</span></a> <a href="#" class="toc"><span>Poulnabrone Dolmen</span></a> 
<a href="#" class="toc"><span>Burren Smokehouse</span></a><br style="clear:both" />
" " " " "

Notice the code in red. Try adding that to the end of the remaining two rows as well.

[zlee]

Thanks very much! I'll try it sometime later today, when I can get ten minutes together and let you know how it goes.

[zlee]

Thanks SO much, it worked! I'm off to try and figure out where to make the white background stay the same and the text div narrower...I'll be back if I can't figure it out!