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???