28173 sujets

CSS et mise en forme, CSS3

Salut à tous,
Je rencontre actuellement un petit problème de compatibilité sous IE6.
Sur le Site que je suis entrain de faire j'ai déclarer des liens pour qu'il possède une "border-bottom".
un peu comme un underline mais plus gros et plus en dessous.
Bref , le problème est que sous IE6 la bordure des liens n'apparait pas du tout (voir le Site).

Je vous laisse le code :

HTML :
<div id="header">
<div id="HG_header"></div>
<div id="HD_header">Login :<input name="login" type="text" size="10" /> Pass : <input name="password" type="password" size="10" /> <input type="submit" value="ok" style="width:25px" /></div>
<div id="C_header"></div>
<div id="Menu_header">
<ul>
<li><a href="#">Qui sommes nous ?</a></li>
<li><a href="#">Nos produits</a></li>
<li><a href="#">Nos services</a></li>
<li><a href="#">Votre espace</a></li>
</ul>
</div>
<div id="Bas_header"></div>
</div>


CSS:
#Menu_header
{
	width:995px;
	height:40px; 
	padding-top:20px;
	padding-left:5px;
	background-image:url(images/header2_04.gif);
}
	#Menu_header ul 
	{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}
	#Menu_header li 
	{ 
		display: inline;
	}
	#Menu_header a:link, #Menu_header a:visited
	{
		color:#05486B;
		font-weight:bold;
		text-decoration:none;
		padding-left:10px;
		padding-right:20px;
		padding-bottom:15px;
		border-bottom:6px solid #05486B;
	}
		#Menu_header a:hover
	{
		color:#E8B413;
		font-weight:bold;
		text-decoration:none;
		padding-left:10px;
		padding-right:20px;
		padding-bottom:15px;
		border-bottom:6px solid #E8B413;
	}


Merci pour votre aide éventuelle Smiley cligne
Modifié par GrUnK (10 Nov 2006 - 19:05)