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/