I’m trying to add AnythingSlider into an old existing site with DOCTYPE = !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”.
It is working fine in Chrome and FF but in IE8 and earlier the height of the slider control is being set as the total height of all the li elements, not just the one that is being displayed. I am using resizeContents : true,. E.g. with 2 li elements both 200px high, the control height is 404px instead of 200px.
If I change it to resizeContents : false the size is almost correct (a few pixels short for some reason), but the content below on the page jiggles around during the slide transition.
If I change the DOCTYPE to !DOCTYPE HTML, it works. Unfortunately the rest of the page layout fails. Converting the whole thing to a better DOCTYPE is on the to do list, but is a huge job.
Any idea what I might have done wrong or how to fix this?