Вот JSFiddle: http://jsfiddle.net/bozdoz/k2enx/
Маржа для #topLinks a установлена на 0, поэтому я не понимаю, почему между ссылками есть пробел. Я установил фон на красный, чтобы вы могли видеть поля.
#topLinks a
Я хотел бы удалить синие вертикальные линии между элементами привязки. Я делал это раньше, но я не могу заставить его работать в таких условиях по какой-то причине. Есть предложения?
Это не маржа, это пробел. Поскольку ссылки являются встроенными элементами, любые пробелы между ними преобразуются в единое пространство. Удалить переводы между ссылками:
<a href="#">Home</a><a href="#">Profession</a><a href="#">about</a>