CSS box-shadow не отображается правильно

Question

В поле, окружающем мою ссылку «Войти», в нижней части отображается мини-тень размером 1-2 пикселя, а я хочу, чтобы она отображалась только справа. Я играл со своими номерами, но безуспешно.

http://www.aarongoff.com/i

И второстепенный вопрос, но как мне получить, чтобы моя ссылка для регистрации оставляла маржу в 3 пикселя слева, а моя ссылка для входа оставалась там, где она есть? (обратите внимание, что когда вы выбираете «войти» и наведите курсор на «зарегистрироваться»), цвет фона «зарегистрироваться» касается элемента «войти в систему». Я попробовал: последний ребенок, но это не сработало.

Answer 1

вы можете использовать свойство clip , чтобы показать только ту часть элемента, которая исключает нижнюю тень. Попробовав в Firebug, это будет что-то вроде clip: rect(0, 999px, 28, 0). К сожалению, clip работает только для абсолютно позиционированных элементов, поэтому вам также нужно указать position: absolute и найти другой способ сохранить ссылку на месте.