Ho questo sito in Wordpress http://www.digitalking.it/scene/
il problema è il seguente, dovrei spostare più a destra il box di ricerca Google, affinchè non venga appiccicato al menù.

Il codice attualmente è il seguente:

codice:
<div id="header">
	<div id="site-info">
        <h1 id="logo">" rel="home"><?php bloginfo( 'name' ); ?></h1>
        <h3><?php bloginfo( 'description' ); ?></h3>
    </div>
         <?php wp_nav_menu( array( 'container_class' => 'nav', 'theme_location' => 'primary' ) ); ?>
		 <style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000;">
  <div class="cse-branding-form">
    <form action="http://www.google.it/cse" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-5651622513824744:ex7t6k-xwsp" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="31" />
        <input type="submit" name="sa" value="Cerca" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    
  </div>
  <div class="cse-branding-text">
    Ricerca personalizzata
  </div>
</div>
    <br class="clearfix" />
</div>
ho provato a modificare lo stile del div dove inizia il codice del motore di ricerca in questo modo:

codice:
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000; position:relative; left:50px">
il risultato lo potete vedere in questa immagine: http://yfrog.com/mymenuboj
in IE8 tutto ok, in Firefox viene come una specie di riquadro tutto bianco sovrapposto.

Aiutatemi a capire qual'è il problema?
Grazie mille.