Twenty-twelve theme header image left of menu

Hi, I am trying to place the header image and menu in the same horizontal space using the Twenty Twelve child theme that I have created.

I have tried the following code (and messing with the wp_nav_menu parameters) in child’s header.php but the menu is always placed below the header image. I can’t figure out how to get the menu to the right of the header image. Anyone know if this is possible?

<nav id="site-navigation" class="main-navigation" role="navigation">
		<?php if ( get_header_image() ) : ?>
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" align="left" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
			<!--button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button-->
			<!--a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a-->
			<?php wp_nav_menu( array( 'container' => 'empty', 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
		<?php endif; ?>
		</nav><!-- #site-navigation -->