Hi, I have an existing database-driven web page which works well, except for one item. That item is that the box scrolls instead of lengthens in height, because initially the box was designed using a fixed height background image. (as in current display below)
It would be easy to just change the height of the box, but the boxes are generated dynamically with text coming back from the database, and I want it to grow in height instead of scrolling the text. (as in what I am trying to do below)
I am trying to maintain the centered positioning of the gray lines which connect the pictures to the left and also to the box.
This how it currently displays:
This is what I am trying to do:
My current code (includes CSS)
And the headshot image: