I have a site with a wrapper div holding the content of part of the page and within this wrapper I have a few absolutely positioned divs that reveal on :hover. The problem is since they are absolutely positioned, they do not make the containing content wrapper expand to include their content. Here is my page: http://www.rose-hulman.edu/testing/team.html
Hover over the sections under “leadership” to see my issue – particularly the last persons section.Could someone take a look please? Thanks!
I have also been messing around with transform: scaleY() as you can see: http://www.rose-hulman.edu/testing/team.html , but the containing div stays open all the time – assuming it has to do with the max-height setting on the scaled content. Oh well, I guess I will just go with the jquery solution unless you can see something I am missing with my transform.