Hi all,

 

The dropdown menu on my Drupal 7 site works fine in other browsers but in Internet Explorer 7, only the first sub-menu item is displayed correctly and items below this are written vertically instead of horizontally.

 

screenshot of menu in IE 7 =

 

http://imgur.com/TZuU5

 

Any suggestions please?

 

Thank you

Just a guess try removing word-wrap:break-word; from #navigation

add a style sheet just for IE7 maybe, something like:

 

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="ie7.css">

<![endif]-->

Just a guess try removing word-wrap:break-word; from #navigation

 

What an awesome guess - it works!

I see now that word-wrap is a CSS3 property and IE 7 doesn't know what to do with it.

 

Thank you