If you change that code
<div class="logo_wording">Closing the gap between idea and reality</div>
Then adjust the "logo_wording" with appropriate font and size, this should take care of the issue in Chrome. I'm pretty sure that the text isn't even showing up in the correct space within Firefox. In fact, when you modify the code, it still shows up in the wrong place within Firefox. Is there anyway you can just include that text within the graphic since it's part of the logo, and then remove it from the code all together? This is what's causing your issue.