IE Ul LI Padding?

Question

http://mibsoftware.us/clients/dogwatch/dogwatch.html

Мне сложнее всего понять, почему мой последний элемент li в IE опускается на самый низ. У меня есть ширина, высота для контейнера. У li есть отступ / отступ до 0. Li - это число с плавающей запятой слева. Все еще толкается вниз. Ищу Гуру, чтобы помочь n00b здесь.

Answer 1

Попробуйте ввести margin:0 в правило ul.

Автоматическое поле, назначаемое IE, уменьшает ширину, доступную для размещения плавающих элементов, и поэтому они переносятся ...

Answer 2

Ваша страница примера полностью недействительна. Попробуйте добавить теги doctype, html, head и body и повторите попытку.

(Сказав это, в IE он выглядит хорошо.)

Answer 3

Перемещайте LI, не делайте их встроенными.

#widget_container ul {
    padding:0;
    list-style-type:none;
    }
#widget_container ul li {
    padding:0;
    margin:0;
    float:left;     
    }