Can anyone help with menu navigation

In my home page i have a four menus in the header. The stucture is $Home_Header (jsp collection)--->$Home_Navigation_Principale(portlet Navigation)-->$Home_Fil d'Ariane(portlet navigation).i have my own css file for the menubox where i set my div class inside the classes css. when i tried to run on the browser it displays all the navigation result on the div class itself. ie: on the single menu box.i attach below the html file for the menu navigation

 <!-- NAVIGATION PRINCIPALE -->
  <div class="nav_principal">
   <div class="nav_bloc_off"><a href="Accueil_Espace1.html">Home</a> </div>
   <div class="nav_bloc_off"><a href="Accueil_Espace2.html">Profile</a> </div>
   <div class="nav_bloc_off"><a href="Accueil_Espace3.html">contact</a></div>
   <div class="navBlocOff_withoutSpace"><a href="Accueil_Espace4.html">sitemap</a> </div>                                                                                                

but i want to display like HOME PROFILE CONTACT SITEMAP with proper div tag for each of the element on the browser.

i am using <%PortletJspCollection box = (PortletJspCollection) portlet;%> <jalios:include pub="<%= box.getChildren()[0] %>"/> to display the menu navigation. can u please tell me how to retrieve a single element from this array.