title: drop down menu box sizes are different
body: <p>I am fairly new to the whole Web making world.<br>
  I am having trouble with my drop down menu.
  The boxes in the drop down menu are different sizes depending on the word in it.</p>
  
  <p>Is there anyway I can make these boxes all the same size as the biggest on and align the words left as well?</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;div id="navigation" class="radius"&gt;  
  
  
  &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;&lt;strong&gt;Home&lt;/strong&gt; &lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="Graphics Work.html"&gt;Graphics and Photography&lt;/a&gt;
              &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Landscapes&lt;/a&gt;&lt;/li&gt; 
                      &lt;li&gt;&lt;a href="#"&gt;Special FX&lt;/a&gt;&lt;/li&gt; 
                      &lt;li&gt;&lt;a href="#"&gt;Advert Shots&lt;/a&gt;&lt;/li&gt;
  
              &lt;/ul&gt;  
              &lt;/li&gt;                   
              &lt;li&gt;&lt;a href="Film Work.html"&gt;Film Work&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#Contactus"&gt;Contact Me &lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#About Me"&gt;About Me &lt;/a&gt;&lt;/li&gt;
  
           &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>    #navigation {Width:100%; height:60px; background-color:#333;} 
  
  #navigation ul{font-family: "Capitals", "Times", "Lucida Grande", "Lucida     Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif"; display:     inline-block;  
  padding:10px; margin-left:5px; margin-top:5px; list-style-type:none; }
  
  #navigation ul li {float:left; display:block;}
  
  #navigation ul li ul {display:none;}
  
  #navigation ul li ul li {display:block; float:none; padding-bottom:6px;     margin-left:55px;}
  
  #navigation ul li ul li a {text-align:left; z-index:99; margin:auto;}
  
  #navigation ul ul {visibility:hidden; }
  
  #navigation ul li a{background:#333; color: #fff; padding:8px 69px;     position:relative; text-decoration:none; }
  
  #navigation ul li:hover ul {display:block; visibility:visible; margin-    top:20px;  }
  
  #navigation ul li a:hover{text-decoration:underline; color:#1B76AE;}
  </code></pre>