Styling positioning of language flags in header or menu ?

Hi,

I’m making a website for someone and I”m currently trying to place the qtranslate language flags in the header or menu on the website.

http://www.osa-tropical.com

They appear in the upper left corner of the website, and I tried every css positioning code I know to move it! It doesn’t work! I don’t know what to do anymore it drives me nuts.

So this is the code I placed in the header.php before the </head> tag…

<?php wp_head(); ?>
    <div id="flaggenmast"> <!--flags placement -->
    <?php echo qtrans_generateLanguageSelectCode('image'); ?>
    </div>

and then I placed this in the css:

#flaggenmast ul {
   display:-moz-inline-box;
   height:12px;
   width: 84px;
   margin: 0;
   padding: 0;
   float: right;
   clear: right;
   list-style:none;
}
ul#qtrans_language_chooser {
   list-style: none;
   margin: 0;
   padding: 0;
   display: inline-block;
  }

ul#qtrans_language_chooser li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
 }

a.qtrans_flag {
display: inline-block;
margin-left: 10px;
}

I found these instructions on the net, it made total sense to me.. but doesn’t work. The flags won’t move to the right. I want them to show just above the menu or somewhere at least on the right hand side of the header – doesn’t even matter if up top.

Another option – would like them to appear in the menu – when I place the php code in the menu same thing happens – it shows on left hand side overlapping “home” and won’t move to the right… argh!!

Help please!!