jommbee
6/12/2013 - 2:20 PM

Full width navigation

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;