Previous Message
Next Message

line-height IE7 versus IE8

Sent by Angela French on 28 May 2010 19:07


I have an <ul> to create my horizontal top nav. In both IE8 and FF 3, the  menu text is vertically
centered in each <li> .  I do have top and bottom padding so that when I apply :hover I can change
the background color of the <li>.

In IE7 (IE8 in compatability mode), the text is aligned near the top of the <li> .  I can apply
line-height to the <li>, and that makes it render as desired in IE7, but lowers the text in IE8 and
FF3.

Is there a solution to get the text to align in the center on the y axis for all browsers?

Thank you.

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
http://www.checkoutacollege.com<http://www.checkoutacollege.com/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: