<html>
<style type="text/css">
#header ul {
list-style: none;
}
#header li {
padding: 0 0 0 9px;
}
#header a {
float: left;
width: .1em;
}
#header > ul a {
width: auto; /* doesn't work */
}
</style>
<div id="header">
<ul>
<li> <a>This is link one</a></li>
<li> <a>This is link two and it shouldn't overlap link one</a></li>
</ul>
</div>
</html>