Navbar sobrepondo conteúdo em resolução menor

Bom dia

Estou com problema em um navbar. Ao final do navbar, incluí um navbar-right e dentro deste um dropdown-menu.

Ao diminuir a resolução do navegador, a navbar-right "pula para uma nova linha" ao invés de diminuir de tamanho.

<nav id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 <div class="container-fluid">

.......

<ul class="nav navbar-nav navbar-right">
 <li><a href="suporte.php"><i class="glyphicon glyphicon-envelope" alt="Suporte" title="Suporte Técnico"></i><span title="Suporte Técnico"> Suporte </span><span class="badge badge-info" id="sup_nov_mens"></span></a></li>
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="glyphicon glyphicon-user"></span><?php echo " $var_nome"; ?><span class="caret"></span></a>
 <ul id="g-account-menu" class="dropdown-menu" role="menu">
 <li><a href="#">Texto_1: <?php echo" $var_1"?></a></li>
 <li><a href="#">Texto_2: <?php echo" var_2"?></a></li>
 <li><a href="#">Texto_3: <?php echo" var_3"?></a></li>
 <li><a href="form1.php" style="color: blue;">Texto_4</a></li>
 </ul>
 </li>
 <li><a href="form.php?v=lg" target="_top"><i class="icon-lock icon-white"></i> Sair</a></li>
</ul>

 </div><!--/.nav-collapse -->
 </div><!--/.container -->
</nav><!--/.header -->

	Ao diminuir a resolução, esta **navbar-right** "cria uma segunda linha" e sobrepõe conteúdo do meu formulário.

	Se alguém puder me ajudar, agradeço. Utilizo Bootstrap3.