Full width navigation
<div id="nav">
<ul>
<li><a href="#">AAA</a></li>
<li><a href="#">BBB</a></li>
<li><a href="#">CCC</a></li>
<li><a href="#">DDD</a></li>
</ul>
<span class="stretcher"></span>
</div>
/* Distribution style */
#nav {text-align:justify}
#nav * {display:inline}
#nav a {display:inline-block}
#nav .stretcher {
display:inline-block;
position:relative;
width: 100%;
height: 0
}
* html #nav .stretcher {overflow:hidden;