Webkit странный 1px подчеркивание на тексте

Question

На http://www.wsl -ltd.co.uk / У меня есть значок «специальное предложение», размещенный абсолютно с каким-то текстом и относительным внутри.

По какой-то причине браузеры Webkit применяют красное подчеркивание к некоторому тексту - я перепробовал все, но просто не могу на всю жизнь разобраться.

Кто-нибудь знаетесли это странная причуда webkit, или это мой CSS?Приветствия.

Answer 1

Ошибка в WebKit.

Определение text-decoration:none; для самого элемента <a> - должно помочь.

Answer 2

Проблема со стилями на элементе <a>.Я думаю, что вы можете вставить следующее в CSS, чтобы исправить это.

.ie6wrap a {text-decoration:none}

(я проверил, вы используете .ie6wrap только для одного элемента, поэтому это должно быть безопасно)

Если выхотите больше подробностей, за это отвечает CSS:

a:link, a:visited, a:focus{
    color: #d58d31;
    text-decoration: underline;
}

Вы, кажется, удаляете подчеркивание на дочерних элементах этого <a>, но Webkit не работает таким образом, потому что подчеркивание находится под <a> не на ребенка <div>.

Answer 3

Это происходит потому, что эти промежутки находятся под

<a href="contact-us">

, который имеет следующий стиль:

a:link, a:visited, a:focus {
  color: #D58D31;
  text-decoration: underline;
}

Answer 4

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