CSS IE6, 7, and 8 compatible processing solutions.

View the page effect in IE6, IE7, and ff. In IE7, the interval at the bottom of UL disappears, that is, the definition of the bottom margin of Li does not play a role.

At this time, we need to use CSS hack to fix it, and use * + html

* + HTML ul {padding-bottom: 10px ;}

After setting, it is found that no problem occurs during browsing in IE6, IE7, and ff.
Then our list item Li is not fixed. We remove a list item Li and then browse the page. In IE6, the interval at the bottom of UL disappears again, that is, the definition of the bottom margin of Li does not play a role.

We have to fix it and perform CSS hack encoding for IE6. Apply "* html" as the selector and set the UL bottom padding for IE6.CodeAs follows.
* HTML ul {padding-bottom: 10px ;}

This is incredible. How can there be so many problems frequently. We have to consider a new way out. In fact, we only need to think from another angle, and these two bugs can be avoided successfully.

The best solution is: we set the left and bottom outer margins of UL, and set the upper and right outer margins of Li to achieve the interval.