Hi - does anyone know how I can add a google translate box at the top right of this page:

Automatic Sprouter: GoGreen Sprouter Better than EasyGreen and Freshlife Sprouters

I want it to float *above* the current .toprgt elements, like this:

.translate {float:right; margin-right:15px}

then the html would be:

<div class="translate">
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>

taken from this page:

Tools - Google Translate

BUT the moment I do that - and clear it in the next line (namely, in .toprgt and .logosm) then all hell breaks loose.

Does anyone know how I can get that google script to stay in its own box in its own line, floated at the top right of the page?

Besides clearing it in .toprgt (and .logosm although it shouldn't need to clear since it's floating left) I've also tried

<div class="translate clearfix">

but it doesn't work.

Google doesn't give access to the script to see what it's doing.

I'm wondering if it's even worth sticking a translate choice in there? Surely those people who need to translate pages have installed the google translate button into their web browser?

It seems to me the whole thing just slows down the page loading time especially on mobiles.

thanks, Val