title: How to make this menu occupy all the remaining space's width?
body: <p>There is a menu :</p>
  
  <pre><code>&lt;div id="divmenuppal"&gt; // this the menu
          &lt;ul class="dropdown"&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Administration&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Artificial Turf&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Batting Cages&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Indoor&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Garden&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Outdoor&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Benches &amp;amp; Bleachers&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Communication Devices&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Dugouts&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Fencing &amp;amp; Windscreen&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;hr&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Floor Protectors&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Foul Poles&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Netting&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Outdoor Furniture&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Outdoor Signs&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;hr&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Padding&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Scoreboards&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Shade Structures&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Structure&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;All-in-One Team Cart&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Air &amp;amp; Electrical Reels&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Field Drags&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Field Marking Equipment&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Batter's Box Templates&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Dryline Markers&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Field Paint&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Garden&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Field Sprayers&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Stencils&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Field Tarps&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Area Tarps&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Growth Covers / Protectors&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Infield Tarps&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Tarp Accessories&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Hand Tools&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Irrigation, Hoses, Nozzles&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Hoses &amp;amp; Hose Reels&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Irrigation&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Nozzles&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Layout Tools&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Moisture Removal&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;hr&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Mound Fortification&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Mowers &amp;amp; Stripers&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Soil Management&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Soil Amendments&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Spreaders &amp;amp; Sweepers&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Exercice&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Baseball - Softball&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Base Accessories&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Bases &amp;amp; Home Plates&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Game Accessories&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Pitching Rubbers&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Batting Practice Equipment&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Backstops&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Infield Screens&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Jugs Pitching Machines&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Turf Mats&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Turf Protectors&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Replacement Accessories&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Batting Cages&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Indoor&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Outdoor&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Portable Mounds&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Batting Practice Mounds&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Game Mounds&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Practice Mounds&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Football&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;First Down Markers&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Football Accessories&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Football Goalposts&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;
                          &lt;a href="#"&gt;Soccer&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Soccer Goals&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Soccer Accessories&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                       &lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Contribuables et biens&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Ladders &amp;amp; Sticks&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Hurdles&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Training Accessories&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Smart-Cart Training System&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Smart-Hurdle Collection&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Recettes&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Field Design&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Turf Management&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Training&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Edition&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Field Design&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Turf Management&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Training&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="menuppal"&gt;&lt;a href="#"&gt;Outils&lt;/a&gt;
                  &lt;ul&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Field Design&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Turf Management&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Training&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt; - VIEW ALL - &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div class="breadcrumbs" style="clear:left;"&gt; // this is the breadcrumbs
        &lt;div class="container-fluid"&gt;
          &lt;ul class="bread"&gt;
        &lt;li&gt;&lt;a href="http://localhost/impots/index.php?action=Accueil" target="_self"&gt;Accueil&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://localhost/impots/contribuable.php?action=ContriGererContribuable" target="_self"&gt;Gestion des contribuables&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a&gt;Fiche d'un contribuable&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="bread pull-right"&gt;
        &lt;li style="color: #000;padding: 5px;font-size: 11px;font-weight: bold;"&gt;Fiche d'un contribuable&lt;/li&gt;
      &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>The css of the menu :</p>
  
  <pre><code>    * {
      margin: 0;
      padding: 0;
  }
  
  body {
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  
  a {
      text-decoration: none;
      font-size: 11px;
      font-weight: 100;
      width: 100%;
      box-sizing: border-box;
  }
  
  ul {
      list-style: none;
  }
  
  ul.dropdown ul {
      width: 220px;
      visibility: hidden;
      position: absolute;
      background-color: #40617C;
  }
  
  ul.dropdown li:not(.menuppal):not(:first-child):not(:last-child)
  {
      margin-top: 8px;
      margin-bottom: 8px;
  }
  
  hr {
      margin-left: 6px;
      margin-right: 8px;
      border-top: 0;
  }
  
  /*
   LEVEL ONE : MAIN MENU
   */
  ul.dropdown {
      position: relative;
  }
  
  ul.dropdown li.menuppal {
      float: left;
      zoom: 1;
      background: #000 url(../images/menuLight.png) repeat-x top left;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-left: 1px solid #222;
  }
  
  ul.dropdown li.menuppal a {
      display: block;
      padding: 4px 8px;
      color: #000000;
  }
  
  /* Doesn't work in IE */
  ul.dropdown li.menuppal:hover {
      background: #ccc url('../images/menuDark.png') repeat-x 50% 50%;
      position: relative;
  }
  /*
          FIN LEVEL ONE
   */
  
  /*
   LEVEL TWO
   */
  ul.dropdown ul {
      top: 100%;
      left: 0;
  }
  
  ul.dropdown ul li {
      float: none;
      position: relative;
  }
  
  /* IE 6 &amp; 7 Needs Inline Block */
  ul.dropdown li.menuppal ul li a {
      border-right: none;
      color: #FFF;
      display: inline-block;
  }
  
  ul.dropdown  li.menuppal ul li a:hover {
      background: #07243a;
  }
  
  ul.dropdown  li.menuppal ul li a:visited {
      word-break: break-all;
  }
  
  /*
   LEVEL THREE
   */
  ul.dropdown ul ul {
      left: 100%;
      top:0!important;
  }
  
  /*
  LEVEL FOUR
   */
  ul.dropdown ul ul ul {
      left: 100%;
      top:0!important;
  }
  
  ul.dropdown li:hover &gt; ul {
      visibility: visible;
  }
  </code></pre>
  
  <p>At runtime the menu is not occupying all the horizontal space :</p>
  
  <p><a href="https://i.stack.imgur.com/ccoyQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ccoyQ.png" alt="enter image description here"></a></p>
  
  <p>So how to make the menu fill the remaining space like in this image :</p>
  
  <p><a href="https://i.stack.imgur.com/qbfqt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qbfqt.jpg" alt="enter image description here"></a></p>