Я работаю над проектом по обновлению системы, чтобы использовать тег кнопки вместо обычных кнопок отправки.Для форматирования кнопок у меня есть следующие классы CSS:
button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
button {
background: transparent url('images/greenrightbutton.png') no-repeat scroll top right;
color: #FFFFFF;
display: block;
font: normal 12px arial, sans-serif;
height: 25px;
padding-right: 8px; /* sliding doors padding */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
text-decoration: none;
border: 0px;
overflow: visible;
}
#loginbox button {
float: right;
}
button span {
background: transparent url('images/greenleftbutton.png') no-repeat top left;
display: block;
line-height: 18px;
padding: 4px 5px 5px 12px;
margin: 0px;
border: 0px;
}
Они работают абсолютно идеально во всех браузерах, кроме IE8.
В IE8 кнопки работают в большинстве мест, нозатем я нахожу страницу, на которой два фоновых изображения не совсем совпадают, и никакие изменения настроек, межстрочный интервал и т. д. не исправляют это.
Кто-нибудь знает, почему это может иметь место?
Демонстрационная страница: http://test6.placement.co.uk/demo/test.asp
--- Обновление ---
После некоторых довольно обширных испытаний и испытаний у меня теперь есть довольно справедливое представление очто является причиной проблемы на странице 1, но не знаю, как ее исправить, в то время как другая страница с той же проблемой имеет совершенно другую причину (которую я не нашел), но где я наткнулся на исправление ...
Проблема на первой странице, по-видимому, связана с ul, введенным далее вверх по странице.Уберите это, и все будет работать - к сожалению, это не вариант, поскольку ul является частью введенного пользователем контента, поэтому я почесываю голову об этом.Особенно учитывая ...
Страница 2 не имеет никаких атрибутов, вызывающих проблему, но случайным образом прикрепляет два тега разрыва непосредственно перед тем, как мой код кнопки решит проблему.
Естественно, ТО исправление неработа на странице 1.
Я почти готов сдаться и найти какой-то альтернативный способ рендеринга этих кнопок, потому что, какова бы ни была настоящая проблема, она явно настолько глубока либо в моем CSS, либо в моем основном HTML, чтоЯ, наверное, никогда не найду его.