Относительное позиционирование сдвигает текст ссылки вниз

Question

Я позволю этому jsfiddle описать большую часть проблемы для меня.

http://jsfiddle.net/zAPVQ/4/

У меня есть макет, похожий на этот. Слева изображение и блок ссылок справа. Как я установил, текст внутри <a> помещается под блоками.

Я создал временное решение, используя <span> теги и больше позиционирования, но я бы предпочел, чтобы это не было моим конечным результатом. Если мне нужно будет создать / изменить / удалить кнопки, мне придется возиться с позиционированием текста.

Кто-нибудь знает лучший способ сохранить текст внутри блока ссылок?

Answer 1

Обновил Fiddle .

Я добавил

overflow: hidden;

к вашей большой ссылке CSS.

Видел это сегодня из другого ответа на этот вопрос Элемент с переполнением: автоматически затрагивается плавающим элементом

Есть также несколько хороших ссылок на описание того, почему это работаети там тоже.

Answer 2

Попробуйте использовать отрицательную маржу. Как на полях: -75px;