Bonjour

Je me heurte à un pb de compatibilité avec IE 8 et IE7
( pas de problème avec IE6 et Firefox).

J'ai une page HTML contenant un bouton et une liste ; à chaque click sur le bouton , j'ajoute un élément dans la liste , très simple pourtant... .

Sous IE8, cette liste est réduite en hauteur et largeur à chaque ajout
d'un élément , quelqu'un a-t-il une idée du pb ?

Merci pour votre aide !

Voici ma page :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<title>Test liste</title>
 
		<script type="text/javascript">
		function updateListeEcran()
		{
			liste = document.getElementById("maListe");	
			var nouveauli = document.createElement("option");
			nouveauli.appendChild(document.createTextNode("ajout ligne"));
			liste.appendChild(nouveauli);
		}
		</script>
 
	</head>
 
	<body id="main" class="mainclass">	
			<input type="button" name ="btnTest" align="middle" value= "Update liste" onclick="updateListeEcran()"/> 
 
			<select id="maListe" size="10" style="width:100%; height:100%">
				<option >item 1</option>
			</select> 	
	</body>
 
</html>