Why is ie7 ignoring the left-margin on my first list item (only)??

Question

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

In the above landing page, I have an offers box that has four donation buttons. The first three are targeted with individual id's and given a left margin of 13px.

All is well in every browser I'm viewing in except ie7. For some reason ie7 is ignoring the left-margin of 13px on the first list item, and only on that one.

The strange part is when I open ie's developer tools (not actually viewing in ie7, but using ie8 in ie7 mode) and select the element, it shows that the 13px margin is there, and not crossed out. The browser just seems to be ignoring it!

Is there some ie7 quirk I should know about here or did I miss a CSS declaration I should have added? Any ideas??

Thanks!

Answer 1

Try setting the padding on the ul that houses those lis to 10px 13px, then remove the margin-left from the lis.