28173 sujets

CSS et mise en forme, CSS3

bonjour

je m'arrache les cheveux sur un probleme de compatibilite IE 6


ul#dlfmenu {position: relative;
		background-image: url(images/machine_menu.jpg);
		height: 221px; width: 230px;
		top: 334px; left: 516px;
		margin: 0 ;
		padding: 0 ;
		list-style-type: none ;
		}
ul#dlfmenu li {display:inline; width:0; height:0;} /* needed for IE to function correctly */
ul#dlfmenu li a {position:absolute;display: block ;}
ul#dlfmenu li a:hover b{position:absolute;display: block ;}

/*studios*/
ul#dlfmenu li#studios a{ width:64px; height:61px; left:0px; top:20px; }	
ul#dlfmenu li#studios a:hover b{width:80px; height:53px;  left:0px;top:-34px; background-image:url(images/studios.gif);}


c'est un menu sur une image avec des zones de liens qui font apparaitre uni e image de plus sur le menu (un petit paneau)
avec IE 7 et firefox 2 pas de probleme mais avec iE 6 : le lien est bien vu mais pas d'image ....

merci de votre aide