IE Ul LI Padding?

Question

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

I am having the hardest time trying to figure out why my last li item is being pushed to the bottom in IE. I have the width, height set for the container. The li has padding/margin to 0. Li is float left. Still being pushed down. Seeking a Guru to help a n00b here.

Answer 1

Try putting margin:0 to the ul rule ..

The automatic margin the IE assigns, decreases the width available to contain the floated elements, and so they wrap ...

Answer 2

Float the LIs, don't make them inline.

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

Answer 3

Your example page is completely invalid. Try adding a doctype, html, head and body tags and try again.

(Having said that, it looks fine in IE.)