Ik heb een dropdown menu gemaakt en dat werkt prima in IE7, FF en Opera alleen in IE6 werkt het niet. Dan komt er geen dropdown scherm.

Nu had ik via google gevonden om het op te lossen via een hover.htc bestandje.
Dat heb ik toegevoegd en in me css file gezet maar het werkt nog niet :S

Kan iemand me misschien helpen en vertellen wat ik nog fout doe?

Dit is het stukje van mijn menu in me index pagina:


<div class="menu">
<ul>
<li><a href="#" class='menu'>menu</a>
    <ul>
    <li><a href="index.php" class='links'>Home</a></li>
    <li><a href="about.php" class='links'>About</a></li>
    <li><a href="contact.php" class='links'>Contact</a></li>
    <li><a href="zoeken.php" class='links'>Zoeken</a></li>
    <li><a href="faq.php" class='links'>FAQ</a></li>
    </ul>
</li>
</ul>
</div> 


En dit heb ik in mijn stylesheet staan:

.menu ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

.menu li{
    float:left;
    position:relative;
    z-index:100;
}

.menu a.menu {
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: #cbcbcb;
    padding:7px 0;
    display:block;
    text-decoration:none;
    text-align:center;
}

.menu a.menu:hover{
    color: #ff6600;
}

.menu a.links {
    color: #6d6d6d;
    display:block;
    width:149px;
    padding:6px 0;
    font-family: verdana;
    font-weight: bold;
    background-color: #282828;
    text-align:left;
    text-indent: 8px;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
}

.menu a.links:hover{
    background-color: #4b4b4b;
    color: #ff6600;
}

.menu ul ul {
    visibility:hidden;
    position:absolute;
    width:149px;
    border:1px solid #fff;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
    visibility:visible;
} 

body {
	behavior: url(style/hover.htc);
}


De inhoud van het hover.htc bestandje kan je hier vinden:
http://d-blog.nl/artikel/css-only-menu/hover-in-ie/


Wat doe ik nog verkeerd waardoor het niet wil werken in IE6???

Reageren