max-height no funciona

[chemajf]

Hola:

tengo la siguiente estructura HTML:

Código HTML:

 <div id="todo">
	<div id="consulta">
    		<p>¿Que quieres?</p>
		<form id="formPeticion" name="formPeticion" ...>
			<input type="text" ...>
			<input type="submit" ...>
		</form>
    	</div>
	<div id="resultados">
		<p id="res_1">....</p>
		<p id="res_2">....</p>
		<p id="res_3">....</p>
		.
		.
		.
	</div>
    </div> 

Donde en el div consulta, tengo un formulario que se resuelve con una petición AJAX, que me devuelve una serie de <p> que inserto mediante JavaScript en el div resultados.
Hasta aqui no hay inigun problema.

En my hoja de estilo tengo:

Código:

#resultados{
      max-height: 116px;
      overflow-y: auto;
}

ya que el resultado de la consulta puede ser muy larrrrgo, quiero acotar la altura el div resultados y ponerle una barra de scroll para poder desplazarte y ver el resto de resultados ocultos.

Esta solución me funciona con FireFox pero no con IE, ¿que tengo que hacer para que me funcione con los dos navegadores?

Gracias y un saludo a todos. ^_^