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