Hola
Como decía antes, algunos navegadores no entienden el min/max-height/width
Pueden probar este sencillo ejemplo:
Código HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
* {border: 0; padding: 0; margin: 0;}
.a {
height: auto;
border: 1px solid #f00;
margin: 1em;
min-height: 100px;
}
.b {
border: 1px solid #0f0;
margin: 1em;
height: 10%;
}
.c {
border: 1px solid #00f;
margin: 1em;
height: 10%;
}
.d {
border: 1px solid #ccc;
margin: 1em;
min-height: 100px;
}
</style>
<script type="text/javascript">
</script>
<title>prueba de dimensiones mínimas</title>
</head>
<body>
<div class="a"> </div>
<div class="a"><p>texto</p></div>
<div class="a"><p>texto</p><p>texto</p><p>texto</p><p>texto</p></div>
<div class="b"><span> </span></div>
<div class="c"><div> </div></div>
<div class="d"><span> </span></div>
<div class="d"><div> </div></div>
</body>
</html> Lo hice un poco apurado, por lo que si creen que debo mejorar el ejemplo o probar algo más, me avisan. Disculpen las prisas.
Aquí está parte de los elementos que determinan la altura de un elemento de bloque. Como ven depende del contenido para poder calcularlo. Desde el punto de vista del navegador.
Felicidad