<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>