How to position the virtual google keyboard
===

I am using the virtual google keyboard thru its API. But it is always displayed right at the right bottom corner of the screen. I want it at a particular position on my page. I have tried to debug its CSS code with firebug but cannot make it move properly.

Here is the small javascript code to get that keyboard-

    <script src="https://www.google.com/jsapi" type="text/javascript"></script>

    <script type="text/javascript">
    /**  How to setup a textarea that allows typing with a Hindi Virtual Keyboard. */
    google.load("elements", "1", {packages: "keyboard"})

    function onLoad()
    {
    var content = document.getElementById('content');
    // Create the HTML for out text area
    content.innerHTML = "<textarea id='textCode' name='textCode' cols='100' rows='5'></textarea>";

    var kbd = new google.elements.keyboard.Keyboard([google.elements.keyboard.LayoutCode.HINDI],['textCode']);
    }

     google.setOnLoadCallback(onLoad);

     </script>

Through firebug its clear the #id is kbd for it but there are so many inline css styles i cannot override them. How should i accomplish this task?? Thanx in advance. 