DIV tag not following height

I have a header, which is made up of an image on the left, and some text on the right. The text is made up of two parts: line one (top) and line two (bottom). Now both of these need to occupy 50% of the height of the header. But as the height has no set height, they are not changing.

Code: http://jsfiddle.net/olivermurfett/pamkeov5/

Perhaps adding height: auto; might help.

UPDATE 1:
Illisation of desired outcome:
Header


Source: css3

Leave a Reply