Почему ie7 игнорирует левое поле в моем первом элементе списка (только)?

Question

http://blog.helpcurenow.org/test/mockups/mar2010/lp.html

На приведенной выше целевой странице у меня есть окно предложений, в котором есть четыре кнопки для пожертвований. Первые три обозначены индивидуальными идентификаторами и имеют левое поле 13px.

Все хорошо в каждом браузере, в котором я просматриваю, кроме ie7. По какой-то причине ie7 игнорирует левое поле 13px в первом элементе списка и только в этом.

Странная часть - когда я открываю инструменты разработчика ie (на самом деле не просматривая в ie7, а использую ie8 в режиме ie7) и выбираю элемент, он показывает, что поле в 13px есть, а не вычеркнуто. Кажется, браузер просто игнорирует его!

Есть ли какая-то особенность ie7, о которой я должен знать здесь, или я пропустил объявление CSS, которое я должен был добавить? Есть идеи ??

Спасибо!

Answer 1

Попробуйте установить отступ для ul, в котором эти li s установлены на 10px 13px, затем удалите margin-left из li s.

Answer 2

Просто очистите неправильные границы, высоту линий и блочные модели, и вы в безопасности.

в верхней первой строке вашего CSS, вы просто добавляете:

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img {border:none;padding:0;margin:0; /* etc. like font-size:10px;line-height:10px; */}

, затем вы можете установить нужные значения для каждого элемента: еще больше вы можете установить

display:block;

на ваших элементах, тогда они будут использовать ту же блочную модель. IE6 / IE7 не понимает встроенный блок, который по умолчанию для некоторых элементов я считаю.