Фиксированное минимальное расстояние между элементами
 

<a href="index.html" style="position:absolute; left: 3%; top:35px; z-index:2;">Главная</a> 
<a href="404.html" style="position:absolute; left: 16%; top:35px; z-index:2">Портфолио.</a> 
<a href="404.html" style="position:absolute; left: 30%; top:35px; z-index:2">Книга стилей.</a> 
<a href="contacts.html" style="position:absolute; left: 45%; top:35px; z-index:2">Контакты.</a> 
<a href="404.html" style="position:absolute; left: 57%; top:35px; z-index:2">Слоны.</a> 
<a href="404.html" style="position:absolute; left: 69%; top:35px; z-index:2">FAQ.</a> 
<a href="404.html" style="position:absolute; left: 78%; top:35px; z-index:2">Новости.</a> 
<a href="company.html" style="position:absolute; left: 90%; top:35px; z-index:2">Компания.</a>

Имеется след. код. Что мне задать, чтобы он все правильно смещал так же по процентам, только было какое-то минимальное расстояние между ссылками. Если сильно сжимаем страницу, то текст накладывается друг на друга, как этого избежать?