Spry Menu drop down display width problem in IE only

[janet4now]

http://www.optivestinc.com

The top nav’s second level items are displaying too wide of a width and third level is wrapping to only one word per line — in IE only.

Anyone had this issue and figured out a fix?

Again, this is only in INTERNET EXPLORER. The other browsers seem to display just fine.

[Historical Forums User]

In Chrome the dropdown is as wide as the first level. This might become an issue later on, I would set a width to the ul.children or ul.children li.

I think the problem you have in IE is related to this.
Try doing this:

ul.children li {

width: 200px;

float:none; /* Or delete it */

display: block; /* To avoid the list items to line up horizontal */

}

Hope it help!

[Author]

Posts