[Асмодиан]

Когда я начинал верстать, то в первых проектах, мне было собственно плевать, насколько одинаково страница выглядет в разных браузерах.
ну вляпал

#object 
{
   height:100px;
   padding:20px 0px 10px 0px;
}

Ну и что, что мой object в IE на 30 пикселов выше. Если при этом ничего не едет, то нормально.

Так было раньше... давно.
Теперь меня такой подход категорически неустраивает.
Уже давольно давно я понял важную истину: сколько с list-style не е**сь, всё равно будешь пассивом
Имеется ввиду то, что полюбому будут расхождения между IE и FF, хоть inside, хоть outside...
посему теперь у меня:

li
{
   list-style-type:none;
   padding:0px 0px 0px 10px;
   background:no-repeat 1px 1px url(images/bullet.gif);
}

Но вот наткнулся я на другой вопрос.
Допустим, у нас текст (Arial 12px), в который вставленно несколько иконок размером 16x16.
И вот они тоже, сцуки, едут. То есть на FF они выше, чем в IE
Что делать?

[Newfelix]

А хаки чем не нравяться?

[kost]

list-style-type надо указывать для ul, а не для li.

С едущими иконками -- покажите пример. Из описания непонятно, что присходит, и что должно быть.

[deMone]

Делайте разные стили для разных браузеров. Будто проблема большая.

[Асмодиан]

Сообщение от kost

list-style-type надо указывать для ul, а не для li.

Для чего ни ставь, расхождения состовляют порядка 3 пикселей...
Такчто я ни для чего не ставлю...


А пример прост

text<img src="image.png" width="16" height="16" />

При vertical-align:middle, FF пикселя на 3 едет по отношению к IE и Opera
vertical-align:-2px - на 1 пиксель.
причём FF едет к Opera - никакие хаки не спасут...