- Автор темы
- #1
Я уже не знаю, либо у меня руки не оттуда произрастают, либо у тех, кто IE творит.
Собственно нижеследующий код описывает класс для <div>
В Opera (9.26- последняя на сегодня) всё хорошо, всё отлично, т.е. картинка (alphacat.gif) находится слева (т.е. по margin-left, т.к. картинка- это бэкграунд) от текста при наведении на оный (выравнивается через 10px от margin-left по padding-left).
В IE 7 (с microsoft путём обновления)- плохо, т.е. картинка, при наведении (alphacat.gif) находится там же, где первая буква (т.е. по padding-left) и ни в какую не хочет нормально отображаться слева, либо так как написано, либо выравнивание строк по margin-left.
Складывется впечатление, что он просто игнорирует свойство margin, если оно равно padding. Или можно как-то победить? Надо очень.
Собственно нижеследующий код описывает класс для <div>
Код:
.alphacategory {
padding-left: 10px;
}
.alphacategory a, .alphacategory a:visited {
color:* #7F8B96;
}
.alphacategory a:hover {
margin-left: -10px;
padding-left: 10px;
background-color: #FFFFFF;
background-image: url(../images/alphacat.gif);
background-position: left center;
background-repeat: no-repeat;
}
В Opera (9.26- последняя на сегодня) всё хорошо, всё отлично, т.е. картинка (alphacat.gif) находится слева (т.е. по margin-left, т.к. картинка- это бэкграунд) от текста при наведении на оный (выравнивается через 10px от margin-left по padding-left).
В IE 7 (с microsoft путём обновления)- плохо, т.е. картинка, при наведении (alphacat.gif) находится там же, где первая буква (т.е. по padding-left) и ни в какую не хочет нормально отображаться слева, либо так как написано, либо выравнивание строк по margin-left.
Складывется впечатление, что он просто игнорирует свойство margin, если оно равно padding. Или можно как-то победить? Надо очень.