carlabaldwin on "Twenty Twelve - custom widget area in header -"

I am developing a site with Twenty Twelve child theme and have a custom widget in the header. I have the search form and the plugin "Easy Social Icons". Everything is showing up correctly but I am having trouble getting the search form and social icons to appear on one line.

Here is what I have in my child theme functions.php:

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function arphabet_widgets_init() {

	register_sidebar( array(
		'name' => 'Home Top Widget',
		'id' => 'top-home-widget',
		'before_widget' => '<li id="%1$s">',
		'after_widget' => '</li>',
	));
}

add_action( 'widgets_init', 'arphabet_widgets_init' );
?>

and in my header...

<div id="top-home-widget" class="top-home-widget">
  <ul>
  <?php if ( dynamic_sidebar('Home Top Widget') ) : else : endif; ?>
  </ul>
</div>

and my styles..

.top-home-widget{
	float:right;
	background:transparent;
}
.top-home-widget ul{
	display:inline;
}
.top-home-widget li{
	display:inline;
	list-style:none;
}

To see the site: http://www.musicmakers4life.com/blog
thanks in advance!