Correctly setting the height of row of elements

I am having difficulty setting the height of a row of header elements. The row contains a logo image and a dynamic SVG animation created by D3. At present the row is about twice as tall as the elements it contains. I've spend about 2 hours testing all combinations of css I can think of (height: 200px etc) but nothing works. I'd be grateful if someone could have a look at the page and tell me what I'm missing.

Here is the page

A second query is why in Explorer the image and svg elements display on separate lines. Does Explorer require another dedicated setting?

Thanks in advance!