[Résolu]Problème menu en fonction du naviguateur

Nouveau WRInaute
Bonjour, voilà j'ai un problème en créant mes menus sur ma page internet (et en voulant respecter les normes W3C) voilà ce que ca donne:


--> http://gagnerdestunes.awardspace.com/societe/index.htm

c nickel sur FF mais par contre sur IE le cadre ne s'allonge pas

si vous pouviez m'aider :)

Partie du code CSS:

Code:
#menuh{	
	float: left;
	margin-right: -610px;
	margin-top: 10px;
	padding-left: 20px;
}

.mdiv{
	margin: 10px 22px 10px 15px;
}

#corp {
	width: 800px;
	margin: auto;
	background: #C9C9C9 url(images/fond.jpg) repeat-y;
	text-align: left;
}

#conteneur {
	width: 590px;
	float: right;
}

#contenu {
    text-align: justify;
	margin-right: 20px;
}

#footer {
	width: 800px;
	height: 100px;
	margin: auto;
	background: url(images/footer.jpg) top repeat-y;
}

#copyright {
	font-size: 10px;
	float: right;
    padding-top: 25px;
	margin-right: 25px;
	text-align: right;
	color: #2a2a2a;
}

#copyright a:link, #copyright a:visited {
	color: #2a2a2a;
    text-decoration: none; 
}

#copyright a:hover, #copyright a:active {
	color: #2a2a2a;
	font-weight: bold;
	text-decoration: none; 
}


#liens {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}
#liens li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}


#liens1 {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens1 ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}

#liens1 li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens1 li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}
#liens2 {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens2 ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}

#liens2 li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens2 li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}

#liens3 {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens3 ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}

#liens3 li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens3 li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}

#liens4 {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens4 ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}

#liens4 li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens4 li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}

#liens5 {
	font-size: 11px;
	position: relative;
    margin-left: 0px;
}
#liens5 ul {
	list-style: none;
    list-style-image:url('images/puce.gif');
	padding: 0;
	margin: 0;
}

#liens5 li a:link, a:visited {
	background: none;
    color: #5F5F5E;
	text-decoration: none; 
}

#liens5 li a:hover, a:active {
	background: none;
    color: #FF5400;
	font-weight: bold;
	text-decoration: none; 
}



#nav {
	font-size: 11px;
	width: 800px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	background: none;
}

.nav1 a:link, .nav1 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 65px;
}

.nav1 a:hover, .nav1 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav2 a:link, .nav2 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 235px;
}

.nav2 a:hover, .nav2 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav3 a:link, .nav3 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 405px;
}

.nav3 a:hover, .nav3 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}

.nav4 a:link, .nav4 a:visited {
	color: #fc2b02;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 47px;
	left: 577px;
}

.nav4 a:hover, .nav4 a:active {
	color: #0F1D4B;
	text-decoration: none;
	font-weight: bold;    
}
 
Discussions similaires
Haut