CSS Web Design tips: Ul Li highly incompatible problem solving method

Article Introduction: In the ul of Li's height in IE6, IE7, IE8, FF under the incompatibility Question solution method.

In the page sometimes use the UL Li list when IE6, IE7, IE8, FF height will be different (which IE6 and IE7 height, IE8 and ff height), set high after using Overflow:hidden; and it doesn't matter, this question has been bothering me, So that I can only use div to do the list, but this can only be dealt with, but not from the actual solution to the problem.

Later found a way on the internet, in the Li style plus vertical-align:bottom will be solved, but the reason is still not understand, hope to see friends can give a reasonable explanation, thank you!

I checked the CSS Help document, which describes the vertical-align as follows:

Grammar:

Vertical-align:auto baseline Sub Super top text-top Middle bottom text-bottom length

Take value:

Auto:css1 the object content according to the value of the Layout-flow property
Baseline:css1 default value. Align the contents of an object that supports the valign attribute to the baseline
SUB:CSS1 Subscript for vertical aligned
Superscript of vertical aligned SUPER:CSS1
Top:css1 aligns the content objects of objects that support valign attributes to the top
Text-top:css1 aligns the text of an object that supports valign attributes to the top of the object
Middle:css1 aligns the contents of objects that support valign attributes to the middle of the object
Bottom:css1 aligns the contents of objects that support valign attributes to the bottom of the object
Text-bottom:css1 aligns the text of an object that supports valign attributes to the top of the object
Length:css2 a percentage of the length value consisting of floating-point numbers and unit identifiers. can be negative. Defines the offset from the baseline. The baseline is 0 for the number and 0% for the percentage. See also unit length. The current IE has not yet implemented this parameter

Description

Sets or retrieves the vertical alignment of the contents of the object.
The default value for this property is auto for the Currentstyle object. For other objects it is baseline.
This property is read-only for Currentstyle objects. is writable for other objects.
The corresponding script attribute is verticalalign.