title: CSS dropdown menu problems
body: <p>I've tryed to implement a simple dropdownmenu without using links (  ).
  It's list based. My list elements-width are with procentual values that all together comes to 100%. My last element breaks out in a new line thats what I dont understand. Maybe it has something to do with my margin..</p>
  
  <p>Thanks in advance.</p>
  
  <p>Here is a link to my code:</p>
  
  <p><a href="http://jsfiddle.net/bjPrK/13/" rel="nofollow">Fiddle</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="dropDown-menu-container"&gt;
  &lt;ul class="dropDownMenu"&gt;
      &lt;li style="width: 20%;"&gt;
          Initiating
          &lt;ul&gt;
              &lt;li&gt;punkt&lt;/li&gt;
              &lt;li&gt;punkt&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li style="width: 20%;"&gt;
          Planning
          &lt;ul&gt;&lt;/ul&gt;
      &lt;/li&gt;
      &lt;li style="width: 40%;"&gt;
          Monitoring and Controlling
          &lt;ul&gt;&lt;/ul&gt;
      &lt;/li&gt;
      &lt;li style="width: 20%;"&gt;
          Closing
          &lt;ul&gt;&lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS</p>
  
  <pre><code>.dropDown-menu-container {
  position:relative;
  width:100%;
  float:none;
  clear:both;
  display:inline;
  text-align:center;
  }
  ul {
      position:relative;
      float:left;
      width:100%;
      font-size: 14px;
      margin: 0;
      padding: 0;
      list-style: none;
  }
  ul li {
      display: block;
      text-align:center;
      height:50px;
      margin:4px;
      box-shadow:0px 0px 2px 2px grey;
      background-color:grey;
      position: relative;
      float: left;
  }
  ul li:hover {
      background-color:lightgrey;
  }
  li ul {
      display: none;
  }
  li {
      position: absolute;
      height:50px;
      margin-bottom:5px;
      top:0px;
  }
  li:hover ul {
      display: block;
      top:32px;
  }
  li:hover li {
      float: none;
      font-size: 11px;
  }
  </code></pre>
  
  <p>Kind regards!</p>