Thanks to David C for the horizontal solution..In my menu I have 4 items and in CSS designer set the width to 100px each, making the width 400 for 4 items, if I set the width in David's example to 400px the menu stacks, however if I set the width to 401, it works perfectly. So it seems the width must be greater than the menu. I suppose one could adjust the width in CSS designer as well. I am not sure which is best. My eyes are too old to see a one pixel off center.

Can anyone confirm my finding or is my approach off base.
Cayucostom

Just for giggles, try setting your default browser to FireFox or another browser and see what happens. I think there is probably an issue with IE.

Hi Scott
Your spot on Scott the problem lies in IE7 on windows XP.
I changed default browser to Firefox 3.5 and then Google Chrome and in both cases the preview tab in CSS menu design works OK.
Good old Microsoft
thanks again terrific support from you all

Hi Scott
I also tested the preview tab on a PC running Vista.
The problem is still there with IE8.
The CSS menu designer preview tab does not display sub items and siblings

With Firefox 3.5 and Google Chrome the CSS menu designer preview tab shows subitems and siblings

The CSS Menu tool generates a preview html file without a doctype. This puts IE browsers into quirks mode, so the submenus don't work, as you have experienced.

That is actually a good catch Cary. Let me check into that. We should be able to easily correct this. Not sure why my IE 8 here does not do that, but I long since gave up trying to understand Windows

Hi Cary/Scott
Thanks Cary for your note I am over the pond and some 5 hours plus ahead of you so did not pick up till this morning 10:00am UK time. I wish I had looked in last night. It seems we have come to the same conclusion..
I burnt a bit of midnight oil last night checking why IE does not work yet Firefox and Chrome works. I came to the same conclusion as you Cary IE seems to demand a doctype whereas firefox and Crome is more tolerant.
I ran the following tests.
1. Created a test menu with subitems and siblings in CSS menu editor.
2. Selected preview tab which loaded my default browser IE7
3 Checked it did not display sub items and siblings.
4 Selected view source and copied the source.
5 Opened a new html page in editor 209 build 304 and removed all the default coding thus leaving a blank page.
6 Copied the CSS menu previe code into the bank edior page.
7 Here I noted as you say Cary there was no doctype statement.
8 I ran preview tests in browsers IE, Chrome and Firefox. Chrome & Firefox displayed subitems & siblings IE did not.
9 I then inserted a doctype statement in line 1 and ran preview tests in the 3 browers. All 3 browsers including IE displayed subitems and siblings.

Scott it would seem that inserting a doctype in line 1 of the CSS menu preview coding would correct this problem. But hey I am no expert but leave this for you to evaluate.

Last night I played with this for a good hour and tracked it down to what Cary and you both discovered. If there is no DOCTYPE, the sub-menus will not work.

I have an article here that will explain what to do for others:

http://www.coffeecup.com/help/articles/ … ml-editor/

In the next update, I will have the Preview in CSS Menu Designer corrected so that this will work there.

Hi Scott
Thanks for your help. At least I have a work around till the next update.
Excellent support service as always from CC
Dave

My experience of the CSS menu designer is that the preview does NOT show sub items, IE works the same, but Firefox works as designed.

Obviously any menu must work in all browsers.

Anyone else find this also?