menu not working in IE

[navyfalcon]

Menu Generator
Menu works in FF
not working in IE
http://freetutorials.name/Reference1/Arithmetic_tutorials.html
-
external style sheet:
body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {float:none; padding:0; margin:0;color: #FFFFFF;background: #00CCFF;width:25%;clear:both;margin-top: 0;margin-right:auto;margin-bottom: 0;margin-left: auto;}
      /*Color navigation bar normal mode (text)FFFFFF=Wht (bar)00CCFF=Lt Blue*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;                     /*color=White*/
background-color: #1589FF;    /*Menu Button color(306EFF)=Doger Blue*/
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none; padding:0; margin:0; text-align:center;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #00CCFF; border-left:solid 1px #00CCFF;}
      /*Color Menu Button normal mode  1589FF=Doger Blu*/
.pd_menu_01 ul li a {color: #FFFFFF;background: #1589FF;float:none !important ; float:left ; display:block; height:25px; line-height:25px; padding:0 20px 0 20px; text-decoration:none; }
      /*Navigation Button height/ padding = width*/
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0; width:1px}
.pd_menu_01 ul li:hover a {background-color:#00CCFF;text-decoration:none; color:#FFFFFF;} 
     /*Color main cells hovering mode Menu Button BG=Lt Blue*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:25px; margin-top:0px; left:0;}
     /*position menu below button*/
.pd_menu_01 ul li:hover ul li a {display:block; width:11em; height:auto; line-height:1.3em; margin-left:-1px; padding:1px 10px 1px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#FFFFDD;  color:#0000FF;}
    /*Color subcells normal mode-BG=Lt Yel Text=Blu dropdown width*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#FFFF00; text-decoration:none;color:#0000FF;}
    /*Color subcells hovering mode-BG=Yel Text=Blu (selected)*/
.pd_menu_01 ul li a:hover {background-color:#00CCFF; text-decoration:none;color:#FFFFFF;}
    /*Color main cells hovering mode - Menu Button(00CCFF) Lt Blu */
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#FFFFDD;  color:#0000FF;}
    /*Color subcells normal mode-BG=Yel Text=Blu */
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF;  color:#FFFFFF;}
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none; color:#FFFF00;}
           /*Color subcells hovering mode*/
-
Great for FireFox
not working in IE for me
also is there a way to limit the size of the menu bar for IE
(if IE then ...)
-
Thank You
falcon

[V]

Sorry for the late response here, but I was out of touch for few days...
On my tests, it works in all browsers except IE6 and IE7 (IE8 is fine, did not test under IE6 because noone uses these older than 6).
It seems like the csshover file isn't where explorer exopect to be, in the css file you say:

Code:

behavior:url("csshover2.htc");

which means that the csshover file must be inside this folder:

Code:

/Reference1/

but there is no csshover2.htc file in that folder. That's why the popup menu doesn't popup in IE6

The problem with the size of the menu container both for IE6 and IE7 is here:
.pd_menu_01 {float:none; padding:0; margin:0;color: #FFFFFF;background: #00CCFF;width:25%;clear:both;margin-top: 0;margin-right:auto;margin-bottom: 0;margin-left: auto;}

this width of 25% is not the right choice here, you may try to set fixed size width instead (both for the two menu items and for the container)

Unfortunately, there is no magic solution to say "if IE" -- in most cases these solutions looks like "if IE6", "if lte IE7" and so on because every version of the monster-browser has its own troubles... And we all can just cry, because there are still people using all these monsters (like 20% of the IE users are still using IE6 from my site stats ;-( )

Hope that helps, if not -- let me know and I will try to be more specific...

[navyfalcon]

You can increase your SEO (search engine optimization) by using this
for the main page:

<title>CSS Menu Generator, horizontal and vertical css menu builder</title>

<meta name="description" content="Download free CSS Menu Generator.
Create standard compliant No-Javascript, 100% CSS Dropdown Menu in
 minutes! CSS Horizontal Menu or CSS Vertical Menu." />

Google displays 66 characters (including spaces) of the title. This has 60
Google displays 150 characters of the description below the title this has 150

Your title and description:
<title>CSS Menu Generator</title>
<meta name="description" content="CSS Menu Generator" />
-
Thank you for the great menu builder
falcon

[V]

Thank you for the seo advice.

I will probably not try these changes very soon, because I just changed the whole site template last month and I am still worried what will happen after that change, but in some moment when I am sure this current change did not hurt the site I will probably meditate around the idea to improve the seo on page... However, the tool is currently still well-placed (4-5 position) so I am not sure I must touch anything (as they are saying in tennis -- don't change winning game) but I really appreciate your advice and will keep this post in mind when the time comes for the next optimization.

Thanks again!
 

[navyfalcon]

When I tried to put behavior:url("csshover2.htc") into /Reference1/
I get "the above file name is invalid"
-
any suggestions
-
Thank You
falcon