Vertically Align Stacked Content
I have a div that acts as a tooltip-like popup when the mouse hovers over a link. It conceptually has 5 rows: A line of text, a button, a divider, a line of text, a button.

     ----------------
    |   Click here:  |
    |    [Button1]   |
    |   ----------   |
    | Or Click Here: |
    |    [Button2]   |
     -------  -------
            \/

Each row is currently a div with an image background for its content and it's all working fine. But now we have a need to display combinations of the top and bottom button conditionally. How can I keep the visible elements vertically centered in the popup div as "rows" are shown or hidden? The popup div needs to have a minimum of 20px padding at the top.

	 ----------------  ----------------
	|                ||                |
	| Or Click Here: ||   Click here:  |
	|    [Button2]   ||    [Button1]   |
	|                ||                |
	|                ||                |
	 -------  -------  -------  -------
	        \/                \/

I've read this: http://www.boutell.com/newfaq/creating/centervertically.html but I'm not sure how to apply it with multiple stacked contents.
Vertically Align Stacked Content
===

I have a div that acts as a tooltip-like popup when the mouse hovers over a link. It conceptually has 5 rows: A line of text, a button, a divider, a line of text, a button.

     ----------------
    |   Click here:  |
    |    [Button1]   |
    |   ----------   |
    | Or Click Here: |
    |    [Button2]   |
     -------  -------
            \/

Each row is currently a div with an image background for its content and it's all working fine. But now we have a need to display combinations of the top and bottom button conditionally. How can I keep the visible elements vertically centered in the popup div as "rows" are shown or hidden? The popup div needs to have a minimum of 20px padding at the top.

	 ----------------  ----------------
	|                ||                |
	| Or Click Here: ||   Click here:  |
	|    [Button2]   ||    [Button1]   |
	|                ||                |
	|                ||                |
	 -------  -------  -------  -------
	        \/                \/

I've read this: http://www.boutell.com/newfaq/creating/centervertically.html but I'm not sure how to apply it with multiple stacked contents.