I knew the way I’d configured my placeholders wouldn’t work when I added my art because overflow=hidden would clip the height off of the art. To replace my placeholder blocks with images I had to:
- Position the images to the bottom of their container ul#carousel (green)
- Keep the overflow:hidden on ul#carousel and make the height 100%
- I did this instead of setting the height to make room for the images because as I changed the height in Chrome the box grew from top to bottom instead of growing from bottom to top like I’d expected. I also positioned it to 0px from the bottom of it’s container, but that did not seem to do anything. So I moved on to set height on the clip.
I still need to adjust the position of the arrows more and do a lot of cleaning up in my CSS and the stylesheet from jCarousel.