On 7/01/2011 1:42 AM, Shanna Cramer wrote:
Having an issue with IE7. IE8, Chrome and Firefox are fine. The menu is
stacked instead of inline in IE7.
website: http://askhg.com/
css: http://askhg.com/wp-content/themes/askhg/style.css

How can I fix that nav in IE7?

Thanks.


Hello, this is caused by the <span>s having hasLayout.

.menu .description { width: 100%; }


You can either hide the width from IE7,

*+html .menu .description { width: auto }

or remove the width and use padding on the <span>s.


BTW, IE7, IE8 and IE9 have the last menu item dropping. You need to have the div#menu slightly wider. This can be done by doing this.

.menu { margin: 10 0; }



--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to