drop-down menu doesn't get displayed in IE

[rajat]

Hi,
I have adapted a drop down menu from USC webpage (www.usc.edu).
The link to my page is
http://www-scf.usc.edu/~swarup/test/test.html
The links to the CSS ans JS files are:
http://www-scf.usc.edu/~swarup/test/Templates/dropdown.css
http://www-scf.usc.edu/~swarup/test/Templates/default.js

The problem I'm facing is that in IE 6 when the mouse gets over the
drop down menu it does not display sometimes (and sometimes it does).
However, in Mozilla it seems to work fine. I don't understand what's
the bug in the code!

Could someone please help me?

Thanks,
Rajat.

 

[RobG]

Hi,
I have adapted a drop down menu from USC webpage (www.usc.edu).
The link to my page is
http://www-scf.usc.edu/~swarup/test/test.html
The links to the CSS ans JS files are:
http://www-scf.usc.edu/~swarup/test/Templates/dropdown.css
http://www-scf.usc.edu/~swarup/test/Templates/default.js

The problem I'm facing is that in IE 6 when the mouse gets over the
drop down menu it does not display sometimes (and sometimes it does).
However, in Mozilla it seems to work fine. I don't understand what's
the bug in the code!

Could someone please help me?

There appears to be a small gap between the bottom of your menu
button and the top of the drop down. Firefox doesn't care about
it, but in IE if you hover over it (or move the mouse too slowly
from the menu button to the drop down) the drop down folds up.

Sorry, but I'm not going to trawl through all your JS/CSS/HTML
to find the error.

 

[rajat]

Thanks a lot! I'll try this and inform if it works. I don't want you to
go thru the JS/CSS they were just included in case more info was
required...Thanks for the pointer!

cya,
Rajat.

 

[RobB]

Thanks a lot! I'll try this and inform if it works. I don't want you to
go thru the JS/CSS they were just included in case more info was
required...Thanks for the pointer!

cya,
Rajat.

Remove all the whitespace (spaces, carriage returns, tabs, etc.) in the
HTML for the:

<li class="submenu">***** this stuff *****</li>

....until it's in one (long) line.

Whitespace in the source should be ignored by browsers but most render
at least some of it in unpredictable ways. Always suspect this when
things don't 'line up' properly.

 

[rajat]

Remove all the whitespace (spaces, carriage returns, tabs, etc.) in the
HTML for the:

<li class="submenu">***** this stuff *****</li>

...until it's in one (long) line.

Awesome!!!! It now works perfectly!
Thanks a lot!

-Rajat.