title: css min-width works on first level <li> lists but doesn't on second level in hierarchy
body: <p>Basically problem is the <code>&lt;li&gt;text&lt;/li&gt;</code> in the second level of the menu won't stretch, and defaults to whatever min-width I give it - if I declare <code>min-width:30px</code> and the text is longer it stops at 30px and wraps the text. Basically behaves like max-width would, but it happens only on the second level nested <code>&lt;li&gt;</code>.  live: <a href="http://jsfiddle.net/fskbS/10/" rel="nofollow">http://jsfiddle.net/fskbS/10/</a></p>
  
  <p>Example css</p>
  
  <pre><code>ul#nav {
      float:left;
      height:30px;
      background:#999;
  }
  
  ul#nav li { float:left; }
  
  ul#nav li a, #nav li a:link {
      display:block;
      min-width:30px;
      height:26px;
      padding:2px 10px;
      line-height:150%;
      border:1px solid black;
  }
  
  ul#nav li a:hover { color:#960; }
  
  /* initially hide the first level ul dropdown */
  
  ul#nav li ul {
      position:absolute;
      left:-9999px;
  }
  
  /* initially hide the second level ul dropdown */
  
  ul#nav li ul ul {
      position:absolute;
      left:-9999px;
  }
  
  /* mouse overing the same li does two things: */
  
  /* hides 3-rd ul*/
  
  ul#nav li:hover ul ul { left:-9999px; }
  
  /* displays second ul in hierarchy*/
  
  ul#nav li:hover ul {
      display:absolute;
      left:auto;
      top:30px;
  }
  
  ul#nav li li:hover ul {
      display:absolute;
      left:100%;
      top:0;
      width:auto;
  }
  
  /*float:none so it displays vertically*/
  
  ul#nav li li {
      float:none;
      min-width:30px;
      background:#C2E4EB;
      overflow:hidden;
  }
  
  /* li is targeted and bg-color gets applied but min-width won't work*/
  
  ul#nav ul ul li {
      float:none;
      min-width:30px;
      background:#F93;
      overflow:hidden;
  }
  </code></pre>
  
  <p>Example HTML</p>
  
  <pre><code>&lt;ul id="nav"&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;German Auto&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Bayerische Motoren Werke&lt;/a&gt;
          &lt;ul&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Coupe Z series&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Sedan X1 series&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Sedan X3 series&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Sedan X5 series&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;Sedan 7 series&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Mercedes Benz&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Volks Wagen&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Audi&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;Shop&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>