I find it frustrating to always manually enter fixed widths for divs depending on the number of letters in a li tag.
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Contact information example</a></li>
</ul>
</div>
div{
background:red;
}
div ul li{
float:left;
}
This div will have the same height as the list itself, but the width will be set to 0. My issue is that I have to enter static values manually into the CSS file to adjust the div after the li. This might be fine in some situations, but when your navigation is dynamically generated, it can be quite bothersome.