28220 sujets

CSS et mise en forme, CSS3

Bonjour les amis,

Sur IE 6 les onglets ici "clignent" au roll-over lorsqu'on passe dessus :
http://root.jeromine.com/tmp/tab.htm

le code CSS :

#nav {
	display : block;
	left: 183px;
 	top : 54px;
	margin : 0;
	padding : 0;
	list-style : none;
}

#nav li {
	display : block;
	float : left;
	padding-left : 15px;
	margin : 0 0 0 3px;
}

 
#nav #info {
background : transparent url(http://info.bestofmicro.com/i/tab_info_off.gif) no-repeat  ;
}
 
 #nav #home {
background : transparent url(http://info.bestofmicro.com/i/tab_home_off.gif) no-repeat  ;
}

#nav #directory {
background : transparent url(http://info.bestofmicro.com/i/tab_directory_off.gif) no-repeat  ;
}

#nav a {
	/*display : block;*/
	/**/background :  url(http://info.bestofmicro.com/i/tab_right.gif) no-repeat top right;
	height : 15px;
	padding : 5px 12px 5px 5px;
	float : left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#nav a:hover {
	background : transparent url(http://info.bestofmicro.com/i/tab_right.gif) no-repeat  top right  ;
}


et le HTML :

<ul id="nav">
	  <li id="home"><a href="#">tab 1</a></li>
	  <li id="info"><a href="#">tab 2</a></li>
	  <li id="directory"><a href="#">tab 3</a></li>
	</ul>