Hi!

I have a horizontal menu with a vertical drop down. For some reason in Chrome the drop down is horizontal instead of vertical. It seems to work fine in everything else. Suggestions on how to fix it?

Click Here to vew website

im no expert but maybe i can help, but can u provide the code ur using for the menu.

Code is attached :)

#nav-main {
width: 900px;
color:white;
background:url(../images/navbackground.png);
float:left;
margin-bottom:10px;
margin-top:-20px;
z-index:2;
color: white;
line-height: 30px;
white-space: nowrap;
font-size:12px;
}
#nav-main ul {
padding:0;
margin:0;

}
#nav-main li {
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
z-index:100;
}
#nav-main li a {
text-decoration: none;
padding: 7px 50px;
color: white;
font-weight:bold;


}


#nav-main li li {
width:100px;
background:black;
text-align:left;
font-size:8pt;
height:32px;

}

#nav-main li li a{
text-align:left;
background-repeat:no-repeat;
font-size:9pt;
padding-top:2px;
padding-bottom:6px;
height:32px;
width:100px;
background:black;
position: absolute;

}


#nav-main li a:hover{
color:#00577a;
}

#nav-main ul ul{
position: absolute;
visibility:hidden;

}

#nav-main ul li:hover ul{
visibility:visible;

}

#nav-main li a:link {
color: #999:
}
#nav-main li a:visited {
color: #CCC;
}
#nav-main li a:hover {
font-weight: bold;
color:#F06;

}

sorry but could i also get the html

did you make the menu yourself, or a menu generater? cuz i think you probably added extra stuff, but i need the html also that ur using for the menu to fix up ur code.
just the meny code not the entire web.