title: CSS menu takes additional space
body: <p>I am using pure-css in order to create a menu in my small school project. 
  Anyway, I have a menu I am using in all the other pages by calling</p>
  
  <pre><code>&lt;jsp:include page="../menu.jsp"&gt;&lt;/jsp:include&gt;
  </code></pre>
  
  <p>My problem is the last line of the menu, "THIS TEXT IS WAY FAR DOWN", I don't know why but the menu takes all the page and when I am including it in other pages, I need to scroll down to see the content. I changed the <code>div</code> the menu is inside background color to red, and it colors all the page in red instead only the menu. Why is that happening? Maybe because the menu is dropdown menu? any solution? To explain my issue:</p>
  
  <p><a href="https://i.stack.imgur.com/ahnoX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ahnoX.png" alt="The problem"></a></p>
  
  <p><strong>Here is my menu code:</strong></p>
  
  <pre><code>&lt;%@ page language="java" contentType="text/html; charset=windows-1255"
      pageEncoding="windows-1255"%&gt;
  &lt;%
      request.setCharacterEncoding("windows-1255");
      response.setCharacterEncoding("windows-1255");
  %&gt;
  &lt;link rel="stylesheet"
      href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"&gt;
  &lt;div class="pure-menu pure-menu-horizontal" style="background-color: red"&gt;
      &lt;ul class="pure-menu-list"&gt;
          &lt;%
              if (session.getAttribute("status") == null || session.getAttribute("status").equals("guest")) {
          %&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              class="pure-menu-link" href="../guest/insertUser.jsp"&gt;הרשמה לאתר
          &lt;/a&gt;&lt;/li&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              class="pure-menu-link" href="../guest/Login.jsp"&gt;התחברות&lt;/a&gt;&lt;/li&gt;
          &lt;%
              } else {
          %&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              href="../guest/logout.jsp" class="pure-menu-link"&gt;התנתקות&lt;/a&gt;&lt;/li&gt;
          &lt;%
              }
          %&gt;
          &lt;%
              if (session.getAttribute("currentuser") != null) {
          %&gt;
          &lt;li class="pure-menu-item"&gt;&lt;a class="pure-menu-link" href="#"&gt;
                  &lt;%
                      out.print(session.getAttribute("currentuser"));
                  %&gt;
          &lt;/a&gt;&lt;/li&gt;
          &lt;%
              }
          %&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              href="../guest/contact.jsp" class="pure-menu-link"&gt;צור קשר&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              href="../guest/Home.jsp" class="pure-menu-link"&gt;דף ראשי&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pure-menu-item pure-menu-selected"&gt;&lt;a
              href="../guest/odot.jsp" class="pure-menu-link"&gt;אודות&lt;/a&gt;&lt;/li&gt;
          &lt;%
              if (session.getAttribute("status") != null &amp;&amp; session.getAttribute("status").equals("manager")) {
          %&gt;
          &lt;li
              class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"&gt;
              &lt;a href="#" id="menuLink1" class="pure-menu-link"&gt;מנהל&lt;/a&gt;
              &lt;ul class="pure-menu-children"&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a
                      href="../admin/selectManyForms.jsp" class="pure-menu-link"&gt;רשימת
                          לקוחות&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a
                      href="../admin/startheleteWithCheckBoxes.jsp"
                      class="pure-menu-link"&gt;מחיקת פעילות מבית ספר&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a href="../admin/updateSchool.jsp"
                      class="pure-menu-link"&gt;עדכונים בפעילות של בית ספר &lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a
                      href="../admin/insertInfotSchool.jsp" class="pure-menu-link"&gt;הוספה
                          לטבלה פעילות בית ספר &lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a href="../guest/insertUser.jsp"
                      class="pure-menu-link"&gt;הוספה לקוח&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a
                      href="../admin/deleteWithCheckboxes.jsp" class="pure-menu-link"&gt;מחיקת
                          לקוחות&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a href="../admin/ipus.jsp"
                      class="pure-menu-link"&gt;איפוס סקר&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;%
              }
          %&gt;
          &lt;%
              if (session.getAttribute("status") != null &amp;&amp; session.getAttribute("status").equals("member")) {
          %&gt;
          &lt;li
              class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"&gt;
              &lt;a href="#" id="menuLink1" class="pure-menu-link"&gt;משתמש&lt;/a&gt;
              &lt;ul class="pure-menu-children"&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a class="pure-menu-link"
                      href="../member/selectManyForms.jsp"&gt;רשימת לקוחות&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a class="pure-menu-link"
                      href="../member/UpdatePassword.jsp"&gt;שינוי סיסמה&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a class="pure-menu-link"
                      href="../member/UpdateMembersMail.jsp"&gt;שינוי EMAIL&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="pure-menu-item"&gt;&lt;a class="pure-menu-link"
                      href="../member/seker.jsp"&gt;סקר&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;%
              }
          %&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  THIS TEXT IS WAY FAR DOWN.
  </code></pre>
  
  <p>I know some text is not in English in the code, but it is just the menu content and I don't think it matters. Sorry for this </p>