[SOLVED] Header widget CSS not recognised

I have made a new widget area in my header by using
"<?php bfa_widget_area('name=translate&cells=1&width=120& align=5'); ?>"
(without quotes)
and have copied this (without quotes) from the item in FAQ to the HTML/CSS, HTML inserts Header section:

"#wrapper {position: relative;}
div#translate
{
font-size: 16px;
text-align: center;
color: #000000;
border-spacing: 0;
padding: 10px;
left: 25%;
position: absolute;
top: 25px;
width: 50%;
z-index: 99;
}"

However the CSS code just appears as text above the menu!

I want to place the widget in the centre of the header, but a small widget area in the centre would be fine.
Any suggestions please?