You can download the files here:
I had to change some things in order to support IE8. For instance, you are using the section tag. In IE8, styles placed on the section tag do not work. So your gray backgrounds were not working at all.
To handle this, I will change it to a DIV instead, which can be stylized in IE8. But keep in mind that IE8 did not support border-radius. So the rounded corners will be gone. Also, IE8 did not support background-size, so your backgrouns will not necessarily fit quite right in IE8.
That said, I have made the site functional in IE8.
The text that appears that shows the status: You really did not provide a clear picture of exactly what you wanted. So I created it to fade in, in a fixed position, over the image near the bottom. You can change any of this as you wish. The style for the text is at the bottom of your stylesheet. The fade-in does not work in IE8 because IE8 does not support opacity. So the interval that goes through and displays it over the course of 1 second will not cause it to appear. In IE8 it simply appears without the fade it. It fades in in IE9+ and all other major browsers.
All of the animal information is once again shown dynamically and updated correct and removed with the reset button.
There is a list of the last five animals that you have viewed. It displays below the buttons. You can change that as you see fit also. The point is that it functins, and functions in IE8 also. As you view more animals, the list is updated.
So that covers everything that you requested in this question. Let me know if you have any questions.
Please remember to rate my answer. Thank you so much!