#fancymenu {
  position: relative;
  height: 29px;
  background-image: url("images/bg.gif");
  background-repeat: no-repeat;
  background-position: top;
  margin: 2px 0;
  overflow: hidden;
  float: left;
}
 
#fancymenu ul {
  padding: 0;
  margin: 0;
}
 
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
  float: left;
  list-style: none;
}
 
#fancymenu ul li a {
  text-indent: -500em;
  z-index: 10;
  display: block;
  float: left;
  height: 21px;
  position: relative;
  overflow: hidden;
  margin: 0 14px;
}

/* ------------ */

#menu_home a {
  width: 38px;
  background-image: url("../IMG/layout/menu/home.png");
  background-repeat: no-repeat;
  background-position:center;
}
 
#menu_biography a {
  width: 67px;
  background-image: url("../IMG/layout/menu/biography.png");
	background-repeat: no-repeat;
	background-position:center;
}
 
#menu_repertoire a {
  width: 64px;
  background-image: url("../IMG/layout/menu/repertoire.png");
	background-repeat: no-repeat;
	background-position:center;
}
 
#menu_media a {
  width: 40px;
  background-image: url("../IMG/layout/menu/media.png");
	background-repeat: no-repeat;
	background-position:center;
}
 
#menu_gallery a {
  width: 44px;
  background-image: url("../IMG/layout/menu/gallery.png");
	background-repeat: no-repeat;
	background-position:center;
}
 
#menu_contact a {
  width: 50px;
  background-image: url("../IMG/layout/menu/contact.png");
	background-repeat: no-repeat;
	background-position:center;
}

/* ----------- */

#fancymenu li.background {
  z-index: 8;
  position: absolute;
  visibility: hidden;
  background-color: #4635ac;
}
 
#fancymenu .background .left {
  background-color: red;
}