How can I stop the select box from coming in front of my drop down menu.

I have tried assigning z-index:-1 for the select box but does not work.

Please regard the sticky regarding question layout.

File: menu.js

change the lines in the code to what you see below.

var HighBgColor='white'; // Background color when mouse is over
var HighSubBgColor='white'; // Background color when mouse is over on subs
var FontLowColor='black'; // Font color when mouse is not over
var FontSubLowColor='black'; // Font color subs when mouse is not over
var FontHighColor='black'; // Font color when mouse is over
var FontSubHighColor='black'; // Font color subs when mouse is over

The script then 'highlights' in the same colour as the standard menu text.
Hope this helps

cr3ative