Hi,
I need help with horizontal dropdown css menu. It works fine with IE8, FF and Chrome.
My client is using IE 6. Here's link http://bluedataesl.com/ie.png
I am using this css menu http://sperling.com/examples/menuh/.
Menu at http://bluedataesl.com
I follow step by step instructions. but nothing seem to work for me.
Below is my CSS code which I am using for the menu.
#menuh-container
{
height: auto;
margin-left: 18px;
float: left;
}
#menuh
{
font-size: small;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
}
#menuh img
{
border: 0px;
}
#menuh a
{
display:block;
/* border: 1px solid #555;
text-align: center;*/
white-space:nowrap;
margin:0;
/* padding: 0.3em; */
}
/*
#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest
{
color: white;
background-color: royalblue;
text-decoration:none;
}
#menuh a:hover /* menu on mouse-over
{
color: white;
background-color: cornflowerblue;
text-decoration:none;
}
*/
#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
{
background-image: url(navdown_white.gif);
background-position: right center;
background-repeat: no-repeat;
}
/* about us */
#menuh a.dpur /* attaches side-arrow to all parents */
{
padding: 10px;
background: #6c3883;
color: white;
text-decoration: none;
font-weight: bold;
}
#menuh a.dpur:hover
{
background:#520a70;
}
/* Admission */
#menuh a.pur /* attaches side-arrow to all parents */
{
padding: 10px;
background: #993ee3;
color: white;
text-decoration: none;
font-weight: bold;
}
#menuh a.pur:hover
{
background:#8a11ec;
}
/* Courses */
#menuh a.grn /* attaches side-arrow to all parents */
{
padding: 10px;
background-color: #81c443;
color: white;
text-decoration: none; …