Hi all,
I have been trying to get a css matrix menu to work, but for one reason or the other it only works in Apple Safari. In Firefox and all other browsers only the active tab is showing up and in IE there is nothing at all.
The test-site can be found at: …
The css code for the menu is attached at the bottom...


#menu {
position:absolute;
bottom:-1.1em;
left:12em;
width:38.1em;
height:2.8em;
}
#menu li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}
#menu li a {
border:0;
text-decoration:none;
display:block;
background:transparent url("images/menu.png") no-repeat;
}
#menu li#home a:link,
#menu li#home a:visited {
width:8.8em;
height:2.8em;
background-position:0em 2.8em;
}
#menu li#home a:hover,
#menu li#home a:focus {
width:8.8em;
height:2.8em;
background-position:0em 5.6em;
}
#menu li#toevoegen a:link,
#menu li#toevoegen a:visited {
width:18.7em;
height:2.8em;
background-position:-8.8em 2.8em;
}
#menu li#toevoegen a:hover,
#menu li#toevoegen a:focus {
width:18.7em;
height:2.8em;
background-position:-8.9em 5.6em;
}
#menu li#browse a:link,
#menu li#browse a:visited {
width:10.3em;
height:2.8em;
background-position:-27.6em 2.8em;
}
#menu li#browse a:hover,
#menu li#browse a:focus {
width:10.3em;
height:2.8em;
background-position:-27.6em 5.6em;
}
#menu.home li#home a {
background-position:0em 0em;
}
#menu.toevoegen li#toevoegen a {
background-position:-8.8em 0em;
}
#menu.browse li#browse a {
background-position:-27.6em 0em;
}

thanks... Didn't see at all that I shifted the image the wrong way
I only have one problem left now. IE6 doesn't recognise the shifting at all... (The background-position property is not recognised.)
Any ideas?