Menu messing up

Hi all, I run into a problem with the main menu of montezuma. At a certain page width menu switch to a two row rendering which is fine. But it doesn't seem to adapt it s box resulting in the menu going into the next element as shown in the attachement.

header php for reference:

<div id="banner-bg" class="cf">
<div id="banner" class="row">
<?php wp_nav_menu( array(
'container' => 'nav',
'container_class' => 'menu-wrapper col7',
'container_id' => 'menu1-wrapper',
'menu_id' => 'menu1',
'menu_class' => 'cf menu',
'theme_location' => 'menu1',
'fallback_cb' => 'bfa_page_menu'
) ); ?>

<div id="logo-area" class="col5">
<<?php bfa_if_front_else( 'h1', 'h3' ); ?> id="sitetitle">
<a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a>
</<?php bfa_if_front_else( 'h1', 'h3' ); ?>>
<p id="tagline"><?php bloginfo( 'description' ); ?></p>
</div>


</div>
</div>


<?php
$curdir=getcwd(); chdir(get_template_directory() . "/images/header");
$files=glob("*.{gif,png,jpg,gif}", GLOB_BRACE);
chdir($curdir);
$file=$files[array_rand($files)];
?>

<div id="image" style="width:100%;float:center;" class="row">
<img src="<?php echo "//blabla/wp-content/themes/montezuma/images/header/$file"; ?>"
alt="Logo_SelvaViva_standard"/>

</div>