Flag for Google Translate - CSS HELP!??

I admit I'm not that great with CSS editing, but I hope you guys are!

I'm simply trying to add a flag to the left of the Google Translate box (GT Display Mode: Inline\Dropdown only) - see highlighted in attached. Everytime I squeeze a logo in to this area on my page the flag image (flag.png) appears below the translate box.

Does anyone know of a clever trick with DIV's that can help me with this please?

<div id="header-text">
<?php if (!$c->isEditMode()) :?>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'cy',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<? endif; ?>   

/* Header
-------------------------------------------------------------- */
#header {
   height: 115px;
   position: relative;
   width: 960px;
.logo {
   position: absolute;
   top: 8px;
   left: 10px;
#header-text {
   position: absolute;
   top: 20px;

1 Attachment

View Replies:
IVT replied on at Permalink Reply
...not sure if it is of any use, but this is where I got the Google code from;