title: How can I make my parent list element ignore its children's width?
body: <p>I've got a menu build by a list like below:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;/li&gt;
     &lt;li&gt;&lt;/li&gt;
     &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li&gt;&lt;/li&gt;
     &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The sub menu items in the list are only displayed when you hover their parent list element. However the child list elements width will force the parent element to the same width and it will make the menu change size when you hover menus. </p>
  
  <p>Is there any way I can prevent this?</p>