title: Make text stay in list item
body: <p>In the website I am making, I have a ul set up. For every list item, there is text inside each one, but when I zoom in and out of the page the text starts to come out of the box. Is their a method to keeping the text in the list item?</p>
  
  <p><strong>HTML</strong>  </p>
  
  <pre><code>&lt;div id="navigation"&gt;
                    &lt;ul&gt;
            &lt;font face="Verdana, Geneva, sans-serif"&gt;
            &lt;li&gt; &lt;a href="../index.html"&gt; ƏSAS SƏHİFƏ  &lt;/a&gt; &lt;/li&gt;
            &lt;li id="active-li"&gt; &lt;a href="#"&gt; BIOQRAFIYA &lt;/a&gt; &lt;/li&gt;
            &lt;li&gt; &lt;a href="../News&amp;Events/N&amp;SAz.html"&gt; XƏBƏRLƏR VƏ HADISƏLƏR &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt; &lt;a href="../Books/booksAZ.html"&gt; KİTABLAR &lt;/a&gt;&lt;/li&gt;
            &lt;li&gt; &lt;a&gt; VİDEOLAR &lt;/a&gt; &lt;/li&gt;
            &lt;li&gt; &lt;a href="../Picutres/picutresAZ.html" id="last-item"&gt; FOTOLAR &lt;/a&gt; &lt;/li&gt;
            &lt;/font&gt;
          &lt;/ul&gt;
              &lt;/div&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#navigation {
          width: 900px;
          margin: 0 auto 0px;
      }
      div#navigation ul li {
          font-size:.5em;
          list-style:none;
          background-color:transparent;
          background-color:#FFF;
          float: left;
          width:150px;
          height:40px;
          text-align:center;
  
      }
      div#navigation ul li:hover {
          background-color:#9C1A35;
      }
      div#navigation ul li a {
          color:#333333;
          text-decoration:none;
          display: block;
          padding:6px 0px 18px;
      }
      #navigation ul li a:hover {
          color:#fff;
      }
      ul {
          padding:0;
      }
      #active-li {
          background:#9C1A35 !important;
      }
      #active-li a {
          color:#fff !important;
      }
      #last-item {
       !important;
      }
      div#navigation ul li #active {
          background:#9C1A35 !important;
      }
      div#navigation ul li #active a {
          color:#fff;
      }
  </code></pre>