2nd Child menu having margin problems up in IE6 & IE7

[goddess]

    [color=red:30u9jj0f]* Are you using one of our WordPress plugins? If so, which one?[/color:30u9jj0f]
Pixo Point Menu
    [color=red:30u9jj0f]* Where is your CSS? (don’t paste it, just post a link to it)[/color:30u9jj0f]
I can’t find a link to this css. It’s the standard css in the word press admin you provide. I edit it under the advanced tab in the pixopoint plugin area.
  [color=red:30u9jj0f]  * What modifications have you made to the CSS?[/color:30u9jj0f]
Not much. I just changed the menu background from dazzle red to dazzle green and moved the menu over a little bit
    [color=red:30u9jj0f]* What browsers are you having problems with?[/color:30u9jj0f]
IE6 and IE7
    [color=red:30u9jj0f]* What is the URL for your site?[/color:30u9jj0f]
http://www.appletreedayschool.com

If you scroll over to the nav bar item "Apple Tree Parents" You will see that in IE6 and 7 the 2nd child sub menu appears 120pixels over to the right and the user cannot click on the items.

I found the error at line 104 on the margin-left: 120px; command. It seems that Firefox, IE8 read this margin-left differently than IE6 and IE7.

Is there anyway to fix it?

I’ve copied the css into my text editor and attached it here.

[imported_Ryan]

You need to apply text-align:left to the text as your theme seems to be overwriting it with text-align:center for the dropdowns and flyouts which will cause problems in older versions of IE.

[Anonymous]

Thank you so much! That worked beautifully!  ” title=”Cheesy” />

[Author]

Posts