Hola a todos, espero me puedan ayudar con esto. Tengo el siguiente código:
<div id="contenedor" class="wrap2">
<div id="estudiantes" class="bloqueestudiantes">
<FIELDSET>
<LEGEND><strong>ESTUDIANTES</strong></LEGEND>
Los estiudiantes pertenecientes en este grupo son:<br>
</FIELDSET>
</div>
<div id="grupos" class="bloquegrupos">
<FIELDSET>
<LEGEND><strong>GRUPOS REGISTRADOS</strong></LEGEND>
Los grupos registrados hasta el momento son:<br>
</FIELDSET>
</div>
</div>
y un CSS definido así:
.wrap2 {
text-align: left;
width: 770px;
heigth: auto;
margin: 0 auto;
border:1px solid #0000FF;
}
.bloqueestudiantes {
background-color: #fff89f;
float: right;
width: 600px;
}
.bloquegrupos {
clear:left;
background-color: #d0d0ff;
width: 160px;
}
Como verán los div bloqueestudiantes y bloquegrupos se encuentran dentro del div llamado contenedor, hay una parte que no he incluido y es que el div bloqueestudiantes se llenará a partir de una consulta a una base de datos y cargará la lista de todos los estudiantes pertenecientes a un grupo X.
El problema es que cuando la lista es demasiado extensa este div queda encimea del borde del div llamado contenedor y no se ajusta al tamaño.
Este problema es en FireFox porque en Internet Explorer funciona bien.
¿Cómo Puedo solucionar esto?